Horizontal ordering issue

eiriklv / react-masonry-component

A React.js component for using @desandro's Masonry

MIT License

1.44k stars 145 forks source link

Horizontal ordering issue #119

Closed GordanRatkovic closed 3 years ago

GordanRatkovic commented 6 years ago

Hi,

I'm having some issues with ordering. Some of my elements are twice the height than the rest, other than that I have a pretty standard, fixed-column-width setup:

{
  columnWidth: 222,
  gutter: 24,
  horizontalOrder: true
  itemSelector: '.some-selector'
}

Note in the screenshot how the order breaks after the 6th tile... Has anybody experienced anything similar? Any idea on how to approach this

screen shot 2018-03-06 at 18 17 13

afram commented 6 years ago

Hi Gordan, I don't think this is broken, this is how Masonry works.

What does it look like without the horizontalOrder option?

According to Masonry docs, horizontalOrder will (mostly) keep horizontal ordering.

https://masonry.desandro.com/options.html#horizontalorder