Workaround for Zombie DOM Nodes

joshwcomeau / react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

http://joshwcomeau.github.io/react-flip-move/examples

MIT License

4.09k stars 258 forks source link

Workaround for Zombie DOM Nodes #179

Closed tobilen closed 7 years ago

tobilen commented 7 years ago

this adresses https://github.com/joshwcomeau/react-flip-move/issues/120#issuecomment-301613739

i've added a story that reproduces the issue based off of @ConneXN good work. my workaround sets the z-index for elements starting their leaving-transition to -1, so they dont catch click events meant for the (visible) element below them.

this is not a solve, seeing as we still have zombie nodes, but it satisfies my current requirments. maybe it helps someone else find a real solution.

tobilen commented 7 years ago

actually this is rubbish. its relies on there being more added elements than removed ones, still leaves clickable areas to the side of the list and generally doesnt solve the issue of zombie elements.