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

Dropdown/Tooltip animation is very jarring #61

Open
Achilles1515 opened this issue Oct 5, 2020 · 3 comments
Open

Dropdown/Tooltip animation is very jarring #61

Achilles1515 opened this issue Oct 5, 2020 · 3 comments
Labels
v1 Version 1.x.x

Comments

@Achilles1515
Copy link

As a comment stated on one of your Reddit posts the dropdown & tooltip animated transform is jarring and sort of looks janky. I think it is bad UX that the content of the dropdown button/tooltip root element gets covered, for 0.1 seconds, by the element becoming visible. It creates this weird and unexpected flash, and it looks especially horrible for tooltips that don't project into the client viewport.

GIF

Taking off this transition makes it look so much better, in my opinion, and way easier on the eyes. It is an unneeded opinionated animation - if the user wants this, they should just add it themselves.
image

GIF - new

GIF - 2

@halfmoonui
Copy link
Owner

Thank you for raising a proper issue, I lose track on Reddit. Anyway, I will address this issue (along with other transition related ones) very soon. Though for this specific case, I am not sure if turning transitions off completely is a good idea.

@lucivaldo
Copy link

I also find the dropdown effect somewhat aggressive, in fact it bothers me, maybe other devs have the same impression. In my opinion, the effect could be smoother without this shock.

@fabiocaccamo
Copy link

fabiocaccamo commented Apr 26, 2021

@Achilles1515 @lucivaldo I agree, the same for tooltips.
Frankly I would make transitions off by default and customizable with some classes.

@halfmoonui any update on this?

@halfmoonui halfmoonui added the v1 Version 1.x.x label Aug 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v1 Version 1.x.x
Projects
None yet
Development

No branches or pull requests

4 participants