Skip to content

Reduce layout shifts with classic scrollbars #4877

@sapphi-red

Description

@sapphi-red

Is your feature request related to a problem? Please describe.

With a browser with a classic scrollbar (non-overlay scrollbar), layout shifts happens when navigating between pages with/without scrollbars.

layoutshifts.webm

It'd be nice if these layout shifts can be avoided.

Describe the solution you'd like

Using the scrollbar-gutter property may work.
It didn't work for my site as the background of the space reserved by the property isn't able to be configured (the change I ended up with).

Describe alternatives you've considered

No response

Additional context

No response

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions