Stagger causes the transitions to separate

[baddiedev]

Hi Dave

I like the stagger effect and want to use it, but after a filter has been applied a few times the transitions seem to separate and be executed one after another.

This pen is your own stagger example.
Test case: https://codepen.io/desandro/pen/WwavbO

If you click between the options a few times to filter the list, you start to notice that on some occasions the transitions don't happen right.

The opacity transitions will happen on the elements in their intended (new) position, then the elements relocate to seemingly random locations and then scale and slide into the intended position again. This only seems to happen when stagger is used.

The effect is not visually so bad in your example because all of the squares are identical and you can't really pick up on it. But when the contents of each element is different you notice really easily. It has the effect of making any element that the filter is revealing fade in, disappear and then slide in again.

[desandro]

Thanks for reporting this bug. I'll look into addressing this issue next time I'm doing development on Isotope.