jrmyio

I am running into an issue related to this. ES6 Maps are meant to keep order: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map "The Map object holds key-value pairs and remembers the original insertion order of...

Am I correct that the a current way to do this is to get a snapshot, deepmerge it with the changes into an empty object? So something like this? ```...

It makes it possible to import typed utility functions written in ts that abstract the generation of the configuration. Also it would allow to write modern javascript without the hassle...

Using 2.8.0 I replicated the issue on desktop chrome. Elements that should have been removed get stuck in the DOM and start animating again each time another item is removed.

@joshwcomeau I just cloned the repo and playing with it although i never looked at the internals of FlipMove. But what I found is that when quickly adding multiple children...

@ohjames I am not 100% sure if it fires unreliably on a browser level. In my last comment I explained why this is happening. The transition never ends when FlipMove...

@joshwcomeau did I make clear that by adding multiple items I meant adding them 1 by 1 instead of multiple at once. So I trigger multiple renders of the flipmove...

I am using this story to test the problem: https://gist.github.com/ConneXNL/8797d1e6a6d60927374e3968aab7c892 Just click the add button quickly a couple times. Notice how only the last item is animated? Now click the...

I edited my last comment with a potential temporary fix.

@joshwcomeau thanks for your replies. I fiddled some more into the problem and found the cause of the problems. My example from above: https://github.com/joshwcomeau/react-flip-move/blob/master/src/FlipMove.js#L106 shows how items stay in the...