You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hey, first off. I love the simplicity of the auto-animate lib. Thank you.
I am having an issue with two different animation libs and was wondering if anyone could provide insight into why it might be happening.
The problem: (react, tailwind-css, headless-ui, auto-animate)
I am transitioning between each screen using the headless-ui component . The first screen works great.
I am using auto-animate on the Schedule Settings page. You can see that the headless-ui Transition doesn't work when i'm on that page. If i remove the useAutoAnimate hook from the Schedule Settings page the animations work again.
My initial guess is auto-animate is doing something to the dom that makes the other lib Headless-ui transitions not work.
Hey, first off. I love the simplicity of the auto-animate lib. Thank you.
I am having an issue with two different animation libs and was wondering if anyone could provide insight into why it might be happening.
The problem: (react, tailwind-css, headless-ui, auto-animate)
I am transitioning between each screen using the headless-ui component . The first screen works great.
I am using auto-animate on the Schedule Settings page. You can see that the headless-ui Transition doesn't work when i'm on that page. If i remove the useAutoAnimate hook from the Schedule Settings page the animations work again.
My initial guess is auto-animate is doing something to the dom that makes the other lib Headless-ui transitions not work.
I would love to use both libs.
![animation (1)](https://private-user-images.githubusercontent.com/8840461/310992408-9c5dcc79-8118-49ba-9b7a-9bd4593f3407.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxMjQ5NDAsIm5iZiI6MTcyNjEyNDY0MCwicGF0aCI6Ii84ODQwNDYxLzMxMDk5MjQwOC05YzVkY2M3OS04MTE4LTQ5YmEtOWI3YS05YmQ0NTkzZjM0MDcuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDkxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA5MTJUMDcwNDAwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTFkNWY0ZjE1NGZiNzA3YjFhZDU4ZWZiZGJhMjcxZDM3NjM5ZWQ3MmEyZDFlOGQzYTE2MWI2ZDM0OTVmMzhjMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.CXBXLTipLBLjGOK2r22V123f17e5eh-VbblP7PLGfH0)
Any ideas?
Here is the same problem in a codesandbox.
https://codesandbox.io/p/sandbox/wonderful-tristan-qjywrd
You will notice that the HI or HEY do not animate in. They animate out but not in. Just like in the gif
If you remove the ref to the auto-animate then it works.
The text was updated successfully, but these errors were encountered: