Alert Dialog - When scrollbar disappears page content shifts (MS Edge) about shadcn-svelte HOT 5 CLOSED

I've noticed that as well, it's interesting it only occurs in edge (as far as we know). If anyone wants to assist with trying to fix this let me know, otherwise, I'll investigate when I can!

from shadcn-svelte.

I get this as well on Firefox (latest) on Mac. I looked at shadcn's implementation and I noticed he dynamically inserts some css into the document head to account for the screen jump when the scroll bar is hidden.

from shadcn-svelte.

@weavdale do you know where he does that exactly? I'm looking for it now!

from shadcn-svelte.

So it looks like Radix might be handling that somehow? I'm not seeing anywhere in shad's code where he's injecting the styles. I do have a temporary solution for the time being until we can sort this out with the Radix team (or determine a more elegant way to handle this).

Here's the temp fix:

/* app.postcss */
html {
	scrollbar-gutter: stable;
}

from shadcn-svelte.

@weavdale do you know where he does that exactly? I'm looking for it now!

I didn’t look at the source code yet. I was just watching the dom changes in the browser devtools.

from shadcn-svelte.