Bug – Component state above does not override links underneath

[Ian5C69]

Hello

There seems to be a bug where a link undernath an expanded component state is still active. It would be more logical for components above to disable any interactivity from elements underneath. Please see an example of this here:

https://xd.adobe.com/view/de2b0d45-3053-4d30-84b0-4de7bf0928f2-8b78/

Hoping you can help.

Thanks, Ian

[Atul_Saini]

Hi Ian,

Thank you for reaching out. I have checked the prototype link that you have shared. I'll share your feedback with the team. I think it would be better to use overlay for such animations. What are your views on this? 

Thanks,

Atul_Saini

[Spas K. · Accepted solution]

In your case, as Atul suggested, you could use an overlay, which counts as a separate screen and disables interactions below it.

In other cases, however, you can't use an overlay, and it's still annoying. I agree with the fact that if an element is on top of another, any hotspots or links from the element below should not be clickable.