set overflow to auto

[DanielRuf]

Currently the space for the right scrollbar is always visible.

This is not a great or the right behavior for good webdesign.
It should be set to auto.

[satazor]

Setting it to auto will make the "dancing" scrollbar effect which is far worse.

[DanielRuf]

Can you show me what you mean? I see no dancing effect in Chrome on Windows 10.

Then it is a problem with some other property in combination with overflow. The right empty scrollbar should not always be there.

[satazor]

With auto, the homepage will have no scrollbar but once you search something it will have a scrollbar. Because scrollbars take space on widows and since we have smooth transitions between pages this causes a ugly shift of the site contents and visuals.

[DanielRuf]

I saw no shift. I'll try some other approach for example using calculated widths, will-change and translateZ.

Setting it generally to scroll adds always the scrollbar container.

[DanielRuf]

Setting it to scroll is not the best and real solution for this imo.

[satazor]

Are you using a surface or a touch device? This happens on desktop using a mouse. I don’t have time to make a video specially because I don’t use windows, but I will try to find a video.

[DanielRuf]

No, desktop / laptop.
I'll try to reproduce the described behavior and find the best solution. At least I never had to use the scroll value and fix it wit better approaches eg by using separate scroll containers, styled / hidden scrollbars and precalculating the changes.