masonry icon indicating copy to clipboard operation
masonry copied to clipboard

Difference between Firefox and Chrome for floating heights

Open bzbzh opened this issue 8 years ago • 1 comments

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:

hole-in-one

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/

bzbzh avatar Nov 23 '16 20:11 bzbzh

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.

nth-chile avatar Feb 28 '17 15:02 nth-chile