← Back to release summary

CSS Overflow: scrollbar-gutter

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 94)
Intent stage
Shipped

Summary

The "scrollbar-gutter" property provides control over the presence of scrollbar gutters (the space which may be reserved to display a scrollbar), allowing authors to prevent layout changes as content expands while avoiding unwanted visuals when scrolling isn't needed. Note that the presence of the scrollbars themselves is determined by the "overflow" property and the decision of whether to use classical or overlay scrollbars is up to the User Agent.

Motivation

This property provides authors with more control over how their layouts interact with the scrollbars provided by the browser. For example, authors will be able to prevent excessive layout changes as the content expands while avoiding unwanted visuals when scrolling isn't needed. Note that the presence of the scrollbars themselves is determined by the overflow property and the decision of whether to use classical or overlay scrollbars is up to the browser/OS.

Standards & signals

Explainers: https://github.com/felipeerias/scrollbar-gutter-explainer

View on chromestatus.com