Safari: offset position on resize with percentPosition

[desandro]

See http://codepen.io/desandro/pen/JFpeg. When resizing window, items shift outside container before being reset into proper position

[fishheadcode]

Will there be a fix, soon? :)
We´ve got big problems at the site from our customer. It´s not like "1 or 2 Pixel", it´s more like that the "items" have the same margin (to the right) like item-size before the resizing ends.

[manufaktor]

Seems like a timing issue in _transitionTo. I fixed it by doing this:

if ( this.layout.options.percentPosition || (didNotMove && !this.isTransitioning) ) { 

(it doesn't really fix the issue, it just works for the obvious case but has side effects)

[thegregthomp]

Any luck on this one? @desandro

[thegregthomp]

I noticed this issue using Isotope and I realized downgrading fixed my issue. I was on 2.2.0 and downgraded to 2.1.1 and it fixed my issue.

[mattstein]

@manufaktor, is the side effect you refer to just killing off animation? I'm trying to figure out how to best work around this right now.

[mattstein]

@manufaktor Nevermind—I went ahead and tried it and appreciate your note. Good patch for now!

[desandro]

I've been able to identify and fix the bug in Outlayer. The fix will be in the next release of Masonry.

Bug was related to Safari returns percent values for left, top styles, but other browsers return pixels.

[mattstein]

Sweet, thanks @desandro!

[desandro]

Merged in v3.3.1.

[JonathanSoper]

@desandro thank you for adding this fix for Masonry... is there a way to fix this in Isotope as well without having to downgrade to 2.1.1? I did the downgrade and it fixed my Safari layout issue, but I would rather stay with the latest version, or else apply a patch manually if that's possible...

Thanks so much for all your hard work. :)

[desandro]

@BaseNineStudios This fix was merged into Isotope v2.2.1. Looks to be resolved, see demo http://codepen.io/desandro/pen/mIkhq

[JonathanSoper]

@desandro, thanks!!