-
Notifications
You must be signed in to change notification settings - Fork 182
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Animation only plays for initial open of dropdown #583
Comments
I've dones some investigations into this, it seems the will-destroy modifier is not being called until after the dropdown is removed from the dom, which breaks the first transition out and the classes for subsequent transitions. |
This was referenced Oct 3, 2022
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
When enabling CSS3 Animation-based open/close animations for dropdowns, it appears that only the "transitioning in" animation plays correctly for the dropdown, and that itself only plays correctly on the initial open, for each dropdown instance.
After that, the dropdown shows/hides immediately on open/close with no animation/transition.
Here is the SASS I am currently using to enable animations (based on the Animations doc example css):
This issue is also present on the documentation site on the "Animations" page, tested on latest version of Chrome (Mac and Windows) as well as Mac Safari and Mac Firefox:
https://ember-basic-dropdown.com/docs/animations/
(as well as the ember-power-select animations doc page: https://ember-power-select.com/cookbook/css-animations/)
The text was updated successfully, but these errors were encountered: