Scrollbar overlaps content since update to 2.5.0

[lrm]

Hello,

During updating my page i just recognized that since the Update to version 2.5.0 the scrollbar overlaps the content (on Windows, Chrome & Firefox). Since my layout works with a frame around the project thumbnails it would be cool to have the posibillit to shift the whole page content to the left according to the width of the scrollbar - like before.

Thanks a lot!

https://lrm.world

[mariusjopen]

Hi @ko5mo
thats a difficult one.
The scrollbars are made by the browsers. The newer browsers just put them on top.

You can just hide the whole scrollbar. People will understand they can scroll down, right?

Best!

Marius

[lrm]

Hi Marius, with version 2.4.2 everything worked fine. The whole content of the page was shifted left next to the scrollbar. If there is any other possibility i would like to keep the scrollbar.

[mariusjopen]

Hi @ko5mo
We will have a look.

Thank you and have a good day!

Marius

[arminunruh]

hey

We switched from using % values in the frontend for the widths to using vw. We did that to make width calculations easier for elements inside the stack element.

Seems that 100vw actually includes the scrollbar, duh.

We should probably reverse back to using %

[lrm]

@arminunruh yeah, i think thats the problem... could something like this help?

html { margin-left: calc(100vw - 100%); }

[jlohin]

Any updates on resolving this issue?

[lrm]

@ko5mo said in Scrollbar overlaps content since update to 2.5.0:

html { margin-left: calc(100vw - 100%); }

it would have to be margin-right of course and it kind of works, but since the scrollbar has a fixed width margin-right on a not so small screen becomes too big / does not scale dynamically - so unfortunately no easy fix, meh

[arminunruh]

hey please wait a little until i do the update