Compare how each value affects alignment when the content stops overflowing.
scrollbar-gutter: auto;
The scrollbar takes space only while it is needed.
When this extra content is hidden, the scrollbar disappears and the heading shifts as that space is reclaimed.
Scroll down to see all of the overflowing content.
scrollbar-gutter: stable;
The scrollbar takes space only while it is needed.
When this extra content is hidden, the scrollbar disappears and the heading shifts as that space is reclaimed.
Scroll down to see all of the overflowing content.
scrollbar-gutter: stable both-edges;
The scrollbar takes space only while it is needed.
When this extra content is hidden, the scrollbar disappears and the heading shifts as that space is reclaimed.
Scroll down to see all of the overflowing content.