Thanks for an illuminating piece. funny enough, overscroll-behavior: contain will not apply or affect an element without enough content to apply a scrollbar. so no overscroll-behavior if no overflow content
Since you were speaking about MacOS and Windows, adding Linux would have been nice too.
Extremely useful information. I am building my own Penalty Shooters 2 website. But what I learn from blogs like this makes my job a lot easier. You can check it out and give me more ideas about the layout, as well as the game genres. Nice to connect with you.
Šime Vidas
In the “Preventing layout shift” section, it should be noted that the issue is limited to classic scrollbars (Windows 10). All other major platforms have overlay scrollbars, which don’t have gutters that can appear and disappear.