Skip to content

Conversation

diondiondion
Copy link
Contributor

Changes proposed in this PR:

  • Prevents scrolling behind menus and modals in Safari iOS using a CSS-only solution (touch-action: none, thanks @renchap!)
  • Uses scrollbar-gutter: stable; to get rid of all the brittle scrollbar width detection we used to do. And we could also get rid of the style tag/attribute injection

Screenshots

Note

This video has no cursor so it's hard to see that I'm trying my best to make the page behind the menu scroll :)

Simulator.Screen.Recording.-.iPhone.16.Plus.-.2025-06-25.at.21.06.53.mp4

@diondiondion diondiondion requested a review from a team June 25, 2025 19:09
@diondiondion diondiondion enabled auto-merge June 25, 2025 19:14
@diondiondion diondiondion added this pull request to the merge queue Jun 25, 2025
Merged via the queue into main with commit c1ef1f6 Jun 25, 2025
31 of 33 checks passed
@diondiondion diondiondion deleted the dion/prevent-scroll-behind-menu-part2 branch June 25, 2025 19:34
@vmstan
Copy link
Contributor

vmstan commented Jun 25, 2025

This looks great. Also didn't realize the menu was dismissible via swipe until this merged (maybe it wasn't before) but that's also a nice touch.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants