Prevent interaction hotspots from triggering below fixed elements

eokic-hexis · 2021-05-18T16:51:07+00:00

Describe the problem your experiencing and how your idea helps solve this A scrollable (clickable) list of items triggers the interaction even if a fixed element overlaps it. Additionally, this bug occurs even if that overlaping element has a “Tap → None” Add as much context as possible (screenshots, Figma files, mockups, etc.) Stumbled upon this issue when I had to position an iOS keyboard on top of an interactive list of elements. Demo file and steps to reproduce: Start the prototype from https://www.figma.com/file/GpbLNhQGrYKCTFO8aZy8BK/Hotspot-bug Click the gray bottom rectangle with or without scrolling It wrongly triggers the hotspot from the “background” items

Forum|Forum|5 years ago
May 18, 2021
54 replies
6345 views

Describe the problem your experiencing and how your idea helps solve this
A scrollable (clickable) list of items triggers the interaction even if a fixed element overlaps it. Additionally, this bug occurs even if that overlaping element has a “Tap → None”
Add as much context as possible (screenshots, Figma files, mockups, etc.)
Stumbled upon this issue when I had to position an iOS keyboard on top of an interactive list of elements.

Demo file and steps to reproduce:

Start the prototype from https://www.figma.com/file/GpbLNhQGrYKCTFO8aZy8BK/Hotspot-bug
Click the gray bottom rectangle with or without scrolling
It wrongly triggers the hotspot from the “background” items

Share an idea

Pinned Reply By djv

Hey All, thank you for your continued feedback!

The team confirmed that this is not a bug; it’s currently expected behavior. This was a design decision to ensure that frames without interactions do not block interactions. All of your existing prototypes with interactions actually rely on this behavior to function, so implementing what you would consider a “fix” would likely cause other major prototyping bugs.

Rest-assured, this is still being tracked as a feature request by the prototyping team to better understand how it is affecting the overall community. They’re now considering how to implement this in the best way that doesn’t cause other bugs.

We appreciate your patience and understanding.

Show previous replies

Michalis_Panagiotidis

Yes this is soooo annoying! Unacceptable for a state of the art tool like Figma!

Joshua_Reach

New Member

It’s October and I’m having this issue as well. Clipping trick does not work for me either. This kind of needs to be fixed, badly. Has anyone found any other solutions?

Karolina_Trzesniewska

This bug is still persisting. None of the methods listed above worked for me at all, unfortunately.

Hg_Msnc

New Participant

Same problem

J

Jesus_Lopez1

I Have this same problem, very annoying

J

Jesus_Lopez1

did you manage to solve it?

A

Antonia_Ho

same problem, I have a fixed nav bar and users can always click through whatever is underneath, so annoying!!

Widd_Tom_ESI

Yes same problem with a FIXED or absolute positioned element seeming like its on a lower z-index than the scrolling (SCROLLS) item behind (below) it.

tank666

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank