Broken animation when add element outside viewport
Animation looks broken when added element is outside of viewport. All measures were made on official website https://auto-animate.formkit.com/#examples
Chrome, whole list is in viewport. Animation works as expected ✅
https://github.com/user-attachments/assets/4af2b5a7-4a16-4a93-9b13-1cd3b9ad8a63
Chrome, list is outside of viewport. Animation is broken ❌
https://github.com/user-attachments/assets/cf0bb4c8-c687-4e83-b32b-4821beb62783
Firefox, whole list is in viewport. Animation works as expected ✅
https://github.com/user-attachments/assets/bcef6aa0-9776-4151-815c-d2966d238130
Firefox, list is outside of viewport. Animation is broken ❌
https://github.com/user-attachments/assets/87b42499-b90b-4a16-bab6-d8abc5fa8816
Safari, whole list is in viewport. Animation works as expected ✅
https://github.com/user-attachments/assets/f9e8c0ab-daa3-4ad6-97fb-8a8998b805cc
Safari, list is outside of viewport. Animation works as expected ✅
https://github.com/user-attachments/assets/a93c8d05-542a-40d7-8339-ed68bc3b5c9e
Macbook M1 Max (2021), Sonoma 14.6.1 Chrome Version 134.0.6998.89 (Official Build) (arm64) Firefox 136.0.4 (aarch64) Safari Version 17.6 (19618.3.11.11.5)
Source: formkit/auto-animate