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

How to stop animation on resizing textarea input? #194

Closed
zemian opened this issue Aug 20, 2023 · 2 comments
Closed

How to stop animation on resizing textarea input? #194

zemian opened this issue Aug 20, 2023 · 2 comments

Comments

@zemian
Copy link

zemian commented Aug 20, 2023

Hi,

Animation is an awesome thing on it's own, but only when one needs it. For those who does not need it, it is an annoyance and distraction. Example, for the textarea input (https://www.cirrus-ui.com/forms/inputs), if I were to resize it, it is slow because of the animation. How do I disable this? It would be good to default no animation, and let user uses an utility class to add it only as needed.

@Spiderpig86
Copy link
Owner

You would need to add new CSS to override that behavior for whatever text element you want to change. For example:

input {
  transition: box-shadow 0.3s !important;
}

@Spiderpig86
Copy link
Owner

I have introduced a fix for 0.7.2.

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

2 participants