Scroll events pass through to UI elements below

[shanecelis]

Problem

Scroll events will be consumed by all UI elements that the mouse is hovering over. This can upset graphs when the user is scrolling through components names for instance.

This movie shows the graph beneath the command palette being scrolled with the mouse wheel. The graph is zooming in and out, but the command palette options are not being scrolled. What should happen is the graph should not zoom because the mouse is above the command palette, and the command palette should be scrolling up and down.

https://github.com/user-attachments/assets/d3985270-a064-4090-8856-ca83b8ba80a5

Solution

Only the top-most UI element that processes scroll events should be scrolled.

Source

Sung provided this issue.