desandro/masonry — Issue #171: Expanding div & vertical resize issue
Author: TalhaA
Created: 2012-01-28 23:09:28+00:00
State: open

I display facebook cooments box inside the boxes. It lists a certain number of comments but if there are more comments they are hidden and a trigger button helps it to expand and show more of the comments. Although when this action happens the boxes get overlapped vertically.

I've checked some of your demos in the site and I manually added dummy text inside the box content with firebug to expand it vertically and I saw that once a box height increases the boxes beneath that one repositions itself to avoid overlapping.
That is exactly what I need to avoid overlaps when a user expands the box to see the rest of the comments.

Here's my site bjk-tribun.com It's not in english but you can see the overlap issue in the first box. This is not something to be solved by using $(window).load(function(){ since the div.box size can change anytime.