Broken left-to-right order, pixel-rounding issues

Hi,

I'm having a few issues with Packery; seems like [`originLeft`](http://packery.metafizzy.co/options.html#originleft) is not working in some cases. I usually get empty spaces in the grid and sometimes the last item is aligned to the right.

Also, it seems like the items are positioned in a different order than the HTML elements in the document; I've done a quick gif to explain. Is there a way to keep those elements in the same order as they are in the dom?


I tried looking at what could differ from one element to another, and seems like they both have the same height/widths. I don't have any other divs rather than a sizer column that could break the positioning behaviour. Any help/ideas would be much appreciated!

I tried using Masonry instead of Packery, but got the same result. Thanks!

Start by reproducing the layout with the reported originLeft setting, the sizer column, and equal-sized items, using the linked GIF as the reference for the failure. Compare the rendered positions with the HTML order and verify that the grid has no empty spaces, the final item is not incorrectly aligned right, and left-to-right placement is preserved.

Written by the indexing model from the issue text.