formkit / auto-animate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

https://auto-animate.formkit.com

React.Children.map issue

asmyshlyaev177 opened this issue 4 months ago · comments

Aleksandr Smyshliaev commented 4 months ago

Hi, tnx for library, it's good.

But having an issue when children are remapped, take a look on example https://codesandbox.io/p/sandbox/festive-elion-9lhxw5?file=%252Fsrc%252FApp.tsx and https://asmyshlyaev177.github.io/react-horizontal-scrolling-menu/?path=/story/examples-itemsanimation--items-animation

I'm adding empty divbetween children for using it with scrollIntoView api.

Justin Schroeder commented 3 months ago

This is a key issue. The root repeated items need to have a unique key — currently they are just cycling dom elements.