Trigger hover animation while a hover animation for another element is still playing
I just want to say that the hover state is quite laggy, if I have a sidebar navigation with each item having a hover state - it lags quite a lot to show the hover states.
Currently we are removing all hover states, but it will be great to get these as speedy as if it were coded in a web CSS prototype.
Matt Talebi
shared this idea
9 comments
-
Cyrill Studer commented
Please fix this.
-
PakkoGraphic
commented
I can't release my PROJECT JUST BECAUSE OF THIS BUG, and there's just 19 votes.. They'll never fix it, this is annoying...
-
Joseph Silva
commented
I have found the same thing – the hover states are too laggy. I am hoping this can be changed real soon so that hover states happen as soon as the cursor is over an element.
-
Let's say I have a website menu with menu items that consist of components with 0.2 second auto-animated hover states. When I now hover over one of them and then move quickly between items the animation of the first is blocking the animation of the next.
Multiple animations between component states should be able to run simultaneously.
-
Chris
commented
I also have the same problem. I want to have multiple navigation tiles/links on the page. I build this with component with hover state and repeat pattern. Daniel Wabyick is right, I need to wait for the hover out animation before the next hover animation can start (I also did not recognized why before his answer). And this is very poor for such a use case of navigation menus and I think also for others.
I hope this will be improved soon, otherwise I have to remove the animations everywhere again.
But I also had trouble to make the animation working correctly, sometimes it seems also laggy and not all set times are used for all elements. And I saw, that the single component worked well, but in a repeat pattern it ignores times and pops in the hover state. That is annoying.
-
Anonymous
commented
Currently when I have thumbnails close to each other, and I hover over one then quickly move to the next one, the Hover state does not start until the first hover out has been completed on the previous thumbnail.
-
Mark
commented
Items should already be clickable regardless if the hover animation is already finished. Now you have to wait for a hover effect to be finished.
-
Matt Talebi
commented
@Daniel - the animation itself is laggy, of course I know you have to wait for it to appear. The point is that the hover state is laggy and often takes much longer than the time allocated.
-
Daniel Wabyick
commented
Hi Matt. If you set the time of the hover transitions to 0, they should be instantaneous. That might help.
But if you want some animation time with hover, there is a limitation where you have to wait for the hover out before the hover in might start.