Skip to content

Overscroll behavior in modals #216

Open
@flachware

Description

@flachware

When you open a scrollable modal with an overflow (e.g. style installer) and keep on scrolling once you reached the top/bottom boundaries you frequently end up scrolling the content in the background (either scrolling an element with an overflow or triggering the 'rubber band' effect).

The upcoming overscroll-behavior property (https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior) should address this, but it is not supported by Mobile Safari yet and testing with Chrome on iOS shows that it doesn’t work there either (even the demo example on MDN [https://mdn.github.io/css-examples/overscroll-behavior/] doesn’t work).

Is there anything we can do about this issue?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions