search

metafizzy / isotope

:revolving_hearts: Filter & sort magical layouts
https://isotope.metafizzy.co
11.05k stars 1.41k forks source link

filtering twice? #1655

Closed giovannicoppola closed 1 year ago

giovannicoppola commented 1 year ago

Test case: https://codepen.io/Giovanni-Coppola/pen/mdQOBMJ

Hi, beginner here, I am trying to become familiar with the library and I stripped it down to the bare minimum. My demo flickers or filters twice and I can't figure out why? What am I missing? Thanks

thesublimeobject commented 1 year ago

@giovannicoppola —

This is your issue:

.element-item {
    transition: transform 0.3s ease;
}

The transitions are added via JS and can be customized via the Isotope options. If you comment out the transition on the element item (shown above), the grid sort/arrange will stop double-animating/jumping for you. Hope this helps!

giovannicoppola commented 1 year ago

aha!! awesome @thesublimeobject, thank you so much!