Skip to content
← Adobe XD: Feature Requests

Request details

Adobe XD: Feature Requests: 02 : Prototype mode

Categories

(thinking…)

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.

27 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Matt Talebi shared this idea  ·   ·  Report…  ·  Admin →
How important is this to you?

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • PakkoGraphic commented  ·   ·  Report

    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  ·   ·  Report

    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.

  • Cyrill Studer commented  ·   ·  Report

    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  ·   ·  Report

    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  ·   ·  Report

    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  ·   ·  Report

    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  ·   ·  Report

    @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  ·   ·  Report

    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.