Hover affect not working.

Question

I created a drop down option selector tool. I added in an affect that highlights the option that you are hovering over. However, it only highlights one option. It will only highlight another option if you take the mouse off of the component then go back and hover over another option. That is not very fluid. Is there a way to fix this in XD?

AkinGn · Accepted Answer

Hi @Randy24660281sdsx, as @Ares Hovhannesyan pointed out, we can't assign more than one effects on a single hover. We need to use a seperate component. I think the best way would be activating dropdown with tap trigger and then having options have their own hover states. I created a seperate component for the option which has its own hover state, that way it works. You can see the prototype here: https://xd.adobe.com/view/cb941686-3592-4d31-899f-a80c09a8a9e2-9ec7/
And the file here: https://www.dropbox.com/s/qxovxh8ackn0ra5/option-hover-test.xd?dl=0

And as I get great video tutorial ideas here, I'll update you if I do one about this. Hope this helps.

Ares Hovhannesyan · Answer

Do I understand corect that you want to trigger two effects on one hower?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.