masonry
masonry copied to clipboard
Difference between Firefox and Chrome for floating heights
If someone has floating height for items, you get these floating number on line 453:
var styleHeight = getStyleSize( style.height );
Here is test case : http://codepen.io/bzbzh/pen/XNRLaz
It behaves differently on Firefox and Chrome.
If you have "almost" equal heights, Firefox leaves holes.
I found this from a real case, using less for height computed division:
because of the little difference, the first place is unused.
I think you should add a rounding in the minimumY calculation.
The difference between Firefox and Chrome may be explained by the different result to this: http://jsfiddle.net/x0dq66sL/
I am having this problem too, except the first place is unused in Chrome and not in Firefox.
http://codepen.io/nth-chile/pen/PpPJJm
However, if I remove originTop: false
, and build from the top down, it works properly in both browsers.