Skip to content

[dialog] Lock scroll on iOS if navbar is collapsed #1893

@atomiks

Description

@atomiks

In #1890 the scroll lock for iOS was changed to a basic technique (overflow: hidden on <html>) that only works if the navbar is expanded.

Numerous bugs and issues arise on iOS when trying to robustly lock the scroll. A solution must avoid all of these bugs to be implemented:

  • Textboxes must slide into view when focused, nor cause a glitchy scroll animation
  • The navbar must not force itself into view and cause layout shift
  • Scroll containers must not flicker upon closing a popup when it has an exit animation

Metadata

Metadata

Assignees

No one assigned

    Labels

    browser: SafariAffects or fixes behavior in Apple Safari.component: dialogChanges related to the dialog component.has workaroundThere’s a bug, but users have a complete workaround, so no urgent fix or release is needed.mobileTargets mobile platform.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions