Pass through click, mouse down, mouse up, and keypress reactions (overlapping interactive components)

I was trying to put together a “1 item at a time” type interaction in a prototype, and trying to find a work around for there not being a “click outside” and discovered what I think is an interesting limitation to interactive components: some reactions only work on the top most interactive component in a stack.

See this prototype for what I’m describing
Overlapping Interactive Components (Prototype)

Overlapping Interactive Components (File)


  • :x: On Click Only top component
  • :x: On Drag Only top component
  • :white_check_mark: While Hovering Affects all interactive components being hovered over.
  • :x: While Pressing Only top component
  • :x: Keypress Only top component (This one really surprised me)
  • :white_check_mark: Mouse Enter/Mouse Leave Affects all interactive components that the mouse has entered/left
  • :x: Mouse Down/Mouse Up Only top component
  • :white_check_mark: After Delay Affects all interactive components on the page

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.