Post

why overscroll-behavior on html/:root overrides everything on the page (╯°□°）╯︵ ┻━┻ #css

@jakearchibald.com interesting case for firefox 👀 mdn own example works in devtools on pc, but on mobile it doesn't - the messages don't stretch if you overscroll developer.mozilla.org/en-US/docs/W...

developer.mozilla.orgoverscroll-behavior CSS property - CSS | MDNThe overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area.

Jake Archibald

@jakearchibald.com

10 Aug

What do you mean by "stretch" here? Which operating system on mobile?

Brawaru ☕

@brawaru.dev

10 Aug

I am not sure how to call this effect tbh 😅 So this is dev tools in Firefox with mobile simulation enabled

Jake Archibald

@jakearchibald.com

10 Aug

Which overscroll value are you talking about, and which operating system on mobile?

Brawaru ☕

@brawaru.dev

That's Android 16. And values in question are `none` on :root/html (to disable page-wide), and `contain` on the scrollable containers where this effect belongs

10/8/26, 8:49 am0 reposts0 likes

No replies yet.