While experimenting with Isotope from , I tested the reLayout method using the provided example found at . I copied the css and js to my page () but encountered an issue where clicking on the first element caused all other elements to move to the first column. This left me wondering why this happens.
In the official example, everything seems to work properly.
I am attempting to toggle a class in the first element which should result in the other elements adjusting their positioning accordingly. Despite trying various adjustments such as changing the width of the container, the desired effect remains unattainable.
The same issue also arises with Masonry:
http://codepen.io/anon/pen/BKAdH
If you click on the first element here, all elements end up in the first column.
- I've experimented with different layout modes to no avail