Comments (5)
I see this happening as well especially as the dataset grows through an infinite scroll type fetch pattern. A couple columns end up growing much longer (FWIW our content is different sized which may contribute to the issue)
from react-responsive-masonry.
Check the source of lib, there are simple logic for elem distribution and working not as you expect
from react-responsive-masonry.
tested it and it's works fine for me
from react-responsive-masonry.
I have the same issue when the dataset grows in a infinite scroll. If you call to an API and the array of elements grows with differents heights, the items are not being distributed appropriately.
from react-responsive-masonry.
PR's are welcome if you want to help improving the distribution algorithm
from react-responsive-masonry.
Related Issues (20)
- missing peerDependencies
- issue with container of item is width:0px HOT 1
- align items
- align items (always this take center!!!)
- i keep getting this error while using it in my next13 app HOT 3
- [REQUEST]columnsCountBreakPoints support listen dom's width
- Dynamic images with Pagination HOT 1
- Incosistent behavior
- Masonry Components can't receive a react ref
- v2.2.1 - Broken on SSR due to window undefined HOT 6
- Change each column's inline styles HOT 1
- No longer works in Next.js 14? HOT 1
- Compiled divs include `[object Object]` in attributes HOT 2
- is there a way we can refresh the list? HOT 1
- Does it support explicit width and height in SSR? HOT 1
- Filtering grid photos by categories? HOT 1
- Bump peerDependency of react to 18.x HOT 1
- Updating breakpoint only after content is rendered
- Is there a way to make the child of masonry component use a specific amount of columns? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-responsive-masonry.