project overlay changes main site scale

[Sebaster]

Hello,
when i use the project overlay feature - which is really a great option - there is a strange scale effect of the main page when opening and closing the overlay. In your example video it all looks pretty smooth, here it wobbles back and forth a bit unattractively... Is there a way to fix this?

[arminunruh]

is there a scrollbar to the right that appears and disappears and that makes it move around?

are u on mac or windows, which browser do u use?

[Sebaster]

Yes, there is a scrollbar, wich disapears when I open the project overlay, you can see it here: https://rm.metagebirge.de. I'm on a mac (MacOS 13.7) and it happens in Firefox and Safari.

[Sebaster]

It looks like opening the project overlay changes the overflow-y setting for the html element from "scroll" to "hidden". This is causing the main site to scale to full width when opening the overlay. Is it possible to change that somehow?

[arminunruh]

in lay options → custom css & html

in custom css, can you add:

html, body{
  scrollbar-width: thin;
}

that makes scrollbars thinner so this jumping could be less noticable

instead of this css you can also use

html::-webkit-scrollbar {
  display: none;
}

to hide scrollbars altogether

or instead of this css use

html::-webkit-scrollbar {
  width: 5px;
  background-color: white;
}
html::-webkit-scrollbar-thumb {
  background: #ccc;
}

this is another way of making the scrollbar smaller, 5px in this case, which would lead to a less noticeable jump.

maybe you can change width: 5px; to even width: 2px; to make it even smaller

please also notice that if you have this mac setting enabled
https://support.wix.com/en/article/mac-users-unable-to-see-scroll-bar-in-the-editor

that says "always show" only then will you have this jump i think

i have it set to "when scrolling":

with "when scrolling" active, i dont have this jump

i need to set the body/html to overflow hidden, otherwise the background would still be scrollable

[Sebaster]

Hello Armin, thank you for your quick support.
I hadn't yet tested the last update 7.46 in this regard, but according to the description there was an adjustment from you.
However, I have now adapted my page and menu structure so that it works well even without project overlays.

[arminunruh]

ok nice. yea i changed the code a little so it would jiggle around less