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...

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

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

(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)

I think I know what you mean now - the overscroll effect isn't happening (the bounce/stretch/glow/whatever). I'll get this filed.

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.

I think it does, it's just that it's a lot more subtle than in Chromium. Unless that's my phone's doing?

Huh. That doesn't happen for me at all. Not in Release or Nightly. I see it in Chrome though.