Skip to content
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

Can animation be disabled on elements? #133

Open
dbrnz opened this issue Aug 29, 2023 · 4 comments
Open

Can animation be disabled on elements? #133

dbrnz opened this issue Aug 29, 2023 · 4 comments

Comments

@dbrnz
Copy link
Contributor

dbrnz commented Aug 29, 2023

In particular for <x-accordion> although I'm wondering if there is a general property that can be used.

Thanks.

@jarek-foksa
Copy link
Owner

Currently this is not possible. In case of <x-accordion> I can add --animation-duration custom CSS property which could be set to 0s to disable animation.

@phamduylong
Copy link

@jarek-foksa I'll give this a try if it's fine for you. I'm thinking adding an atrribute (animated or something along the line). If the attribute is set then we set animation duration to 0 on the component (at least it looks possible on x-accordion).

@jarek-foksa
Copy link
Owner

@phamduylong For now I would prefer to not add any new attributes to x-accordion. If we add something like noanimate or disableanimation boolean attribute to it, then for the sake of consistency it would have to be added to all other animatable widgets.

@jarek-foksa
Copy link
Owner

jarek-foksa commented Dec 31, 2023

Starting from version 0.25.0 you can call <x-accordion>.expand(false) and <x-accordion>.collapse(false) to expand/collapse the accordion without animations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants