NEW 243452
Overscroll Behavior not respecting elements with no overflowing content 
https://bugs.webkit.org/show_bug.cgi?id=243452
Summary Overscroll Behavior not respecting elements with no overflowing content
kari.pihkala
Reported 2022-08-02 07:08:49 PDT
Created attachment 461359 [details] overscrollbehavior.html In Safari, the overscroll-behavior CSS property doesn't have any effect when the overflow property is set to "auto", "hidden" or "scroll" and when the content doesn't overflow. The overscroll-behavior CSS property should affect the scrolling behavior even if the content doesn't overflow. Steps to reproduce: 1. Open the attached overscrollbehavior.html on a desktop browser. 2. Move the mouse cursor over the white box on the right side. 3. Try to scroll the white box with two finger scrolling. Expected behavior: Nothing should happen. The underlying page with the blue "Main" texts should not scroll. Actual behavior: The underlying page with the blue "Main" texts is scrolled. Note that the gray box on the left side behaves correctly. Scrolling it with the two finger scrolling only scrolls the black "Left" texts. The blue "Main" texts are never scrolled. Chrome 103 has the same bug https://bugs.chromium.org/p/chromium/issues/detail?id=813094 Firefox has the same issue, but no one has filed a bug for it. Tested on Safari Technology Preview 149 (Safari 16.0, WebKit 17614.1.19.1.5) with the experimental CSS Overscroll Behavior feature enabled.
Attachments
overscrollbehavior.html (1.30 KB, text/html)
2022-08-02 07:08 PDT, kari.pihkala 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2022-08-09 07:09:17 PDT
<rdar://problem/98381693>
Simon Fraser (smfr)
Comment 2 2024-06-07 09:12:19 PDT
To implement this we’d have to represent non-scrollable boxes with overscroll-behavior:contain in the scrolling tree, which is a fair amount of work.
Note You need to log in before you can comment on or make changes to this bug.