Visually overlapped elements: stopPropagation() demo
UNDER (yellow)
TOP (blue)
Call stopPropagation() in TOP handler
Set TOP CSS pointer-events: none (click passes through)
Clear log
Click in the overlap area: normally only TOP receives the click (UNDER won’t run).
stopPropagation() affects bubbling, not hit-testing. [web:23]
pointer-events:none changes hit-testing so UNDER can receive the click. [web:29]