halfmoon icon indicating copy to clipboard operation
halfmoon copied to clipboard

Dropdown/Tooltip animation is very jarring

Open Achilles1515 opened this issue 4 years ago • 3 comments

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

Achilles1515 avatar Oct 05 '20 14:10 Achilles1515

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.

halfmoonui avatar Oct 06 '20 18:10 halfmoonui

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.

lucivaldo avatar Oct 21 '20 23:10 lucivaldo

@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?

fabiocaccamo avatar Apr 26 '21 10:04 fabiocaccamo