Bug 264469

Created attachment 468530 [details] safari-wheel-listener-scroll-issue.html One of our customers complained about the inability to scroll the page when over certain elements on the page when using MacBook, Safari and either Trackpad or MagicMouse. Note that the same issue cannot be reproduced with other browsers or when scrolling with a mouse with a physical wheel. For reference, this is the bug on our side: https://github.com/vaadin/web-components/issues/6695 We reduced the issue test case to what is attached in safari-wheel-listener-scroll-issue.html. The DOM structure presented there is a simplification of our app structure, the minimal structure where I was still able to reproduce the issue. Test instructions: 1. Open Safari on Mac and use either Trackpad or MagicMouse for scrolling 2. Open safari-wheel-listener-scroll-issue.html 3. Position the mouse over one of the colored areas and swipe with two fingers in a way that the page should scroll down 4. -> "test-container" element content scrolls 5. Now Position the mouse over the white stripe 6. Swipe the same way Actual behavior: Now the "body" scrolls instead of the "test-container" Expected behavior: I'd expect the "test-container" to scroll as in other browsers, or when scrolling with mouse with physical wheel The weird thing is that the issue is caused just by attaching an *empty* "wheel" event listener to one of the elements in the DOM structure -> comment out line 35, so the event listener is not added, and suddenly, the scroll behavior is different and the "test-container" scrolls even when positioned over the white stripe. I believe that adding an empty event listener anywhere should not change the scrolling behavior of the page, regardless of the DOM structure. Safari Version 17.1 (19616.2.9.11.7) Mac Mini M2 macOS 14.1 (23B74)