243452 2022-08-02 07:08:49 -0700 Overscroll Behavior not respecting elements with no overflowing content 2026-05-06 20:30:33 -0700 1 1 1 Unclassified WebKit Scrolling Safari Technology Preview Unspecified Unspecified NEW InRadar P2 Normal --- 1 kari.pihkala webkit-unassigned agafvv bramus dev elektronik2k5 moz nanto siddhantvirmani simon.fraser webkit-bug-importer woodlxf00 zalan oldest_to_newest 1888381 0 461359 kari.pihkala 2022-08-02 07:08:49 -0700 Created attachment 461359 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. 1889974 1 webkit-bug-importer 2022-08-09 07:09:17 -0700 <rdar://problem/98381693> 2040319 2 simon.fraser 2024-06-07 09:12:19 -0700 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. 2155731 3 moz 2025-11-01 10:13:31 -0700 Chromium is going to fix this https://groups.google.com/a/chromium.org/g/blink-dev/c/OSq1yVSSdDE 2168478 4 elektronik2k5 2025-12-29 02:12:58 -0800 Shipped in Chrome 144: https://chromestatus.com/feature/5129635997941760 2207686 5 nanto 2026-05-05 09:03:43 -0700 Firefox 150 fixed this: https://bugzilla.mozilla.org/show_bug.cgi?id=1837436 461359 2022-08-02 07:08:49 -0700 2022-08-02 07:08:49 -0700 overscrollbehavior.html overscrollbehavior.html text/html 1328 kari.pihkala PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPG1ldGEgY2hhcnNldD0idXRmLTgiPgo8c3R5 bGU+CmJvZHkgewogICAgY29sb3I6IGJsdWU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7 CiAgICBmb250LXNpemU6IDYwcHg7Cn0KLmZpeGVkIHsKICAgIHBvc2l0aW9uOiBmaXhlZDsKICAg IGxlZnQ6IDEwMHB4OwogICAgdG9wOiAxMDBweDsKICAgIHJpZ2h0OiAxMDBweDsKICAgIGJvdHRv bTogMTAwcHg7CiAgICBjb2xvcjogYmxhY2s7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsK ICAgIGZvbnQtc2l6ZTogNDBweDsKICAgIG92ZXJmbG93OiBhdXRvOwogICAgb3ZlcnNjcm9sbC1i ZWhhdmlvcjogY29udGFpbjsKfQo8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgogICAgPGRpdiBjbGFz cz0ibWFpbiI+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5NYWluPC9wPgogICAgICAg IDxwPk1haW48L3A+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5NYWluPC9wPgogICAg ICAgIDxwPk1haW48L3A+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5NYWluPC9wPgog ICAgICAgIDxwPk1haW48L3A+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5NYWluPC9w PgogICAgICAgIDxwPk1haW48L3A+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5NYWlu PC9wPgogICAgICAgIDxwPk1haW48L3A+CiAgICAgICAgPHA+TWFpbjwvcD4KICAgICAgICA8cD5N YWluPC9wPgogICAgICAgIDxwPk1haW48L3A+CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9ImZp eGVkIiBzdHlsZT0icmlnaHQ6IDU1JTsgYmFja2dyb3VuZC1jb2xvcjogI2NjYzsiPgogICAgICAg IDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8cD5MZWZ0PC9wPgogICAg ICAgIDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8cD5MZWZ0PC9wPgog ICAgICAgIDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8cD5MZWZ0PC9w PgogICAgICAgIDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8cD5MZWZ0 PC9wPgogICAgICAgIDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8cD5M ZWZ0PC9wPgogICAgICAgIDxwPkxlZnQ8L3A+CiAgICAgICAgPHA+TGVmdDwvcD4KICAgICAgICA8 cD5MZWZ0PC9wPgogICAgICAgIDxwPkxlZnQ8L3A+CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9 ImZpeGVkIiBzdHlsZT0ibGVmdDogNTUlIj4KICAgICAgICA8cD5SaWdodDwvcD4KICAgIDwvZGl2 Pgo8L2JvZHk+CjwvaHRtbD4=