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.
Cyrill Studer commented
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.
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.
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.
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.