Scroll overflow issue on Mac in new settings pages

[maximebj]

Description

On MacOS, you can scroll past the page boundaries, creating an elastic effect.
This behavior causes an issue in the new settings pages (like connectors) with the new rounded canvas effect.

See screen recording below.

Solution:
add overscroll-behavior: none; on .boot-layout__stage

It's not baseline yet, but non compatible browsers will just ignore it.

Step-by-step reproduction instructions

1. On MacOS, go to settings > connectors
2. Scroll top and bottom

Screenshots, screen recording, code snippet

Environment info

• WordPress 7.0
• All browsers
• Mac OS Tahoe

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[himanshupathak95]

Thanks for opening the issue @maximebj

I was able to reproduce this on macOS; the elastic overscroll on the rounded stage surface is clearly visible when scrolling past the page boundaries.

The fix must be straightforward. I am testing and exploring other parts right now. I'll be submitting a PR for this shortly.