Post

why overscroll-behavior on html/:root overrides everything on the page (β•―Β°β–‘Β°οΌ‰β•―οΈ΅ ┻━┻ #css

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

0 reposts0 likes

(apparently my phone records video in such high resolution, bsky cannot handle it, so had to re-record) And this is actual Android. Chromium doesn't do this as subtle, so I showed it too. This MDN example however works completely differently on the phone (it doesn't)

As far as I can tell, Firefox on Android doesn't do bounce/stretch/glow on scrollables at all, regardless of the value of this property. Sooooo, it doesn't seem to be an overflow-behavior issue.

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