Horizontal Scrolling not working on chrome desktop about shadcn-svelte HOT 8 OPEN

Found a workaround, open the scroll-area-scrollbar.svelte

Add these styles:

	.visible {
		visibility: visible !important;
	}
	.visible > * {
		visibility: visible !important;
	}

Add the following class to both the thumb and scrollbar: visible

Now the thumb is always visible. (Somehow after using this hack the thumbs where visible again even without the style???)

from shadcn-svelte.

Can't reproduce. Both on Chrome and Edge on Windows I can scroll horizontally with my mouse (holding shift + scrolling) on the docs example.
On your Stackblitz demo, however, for some reason it takes some seconds until I can scroll after the page is fully loaded. But on my end, on the docs, it's normal.

from shadcn-svelte.

Can't reproduce. Both on Chrome and Edge on Windows I can scroll horizontally with my mouse (holding shift + scrolling) on the docs example. On your Stackblitz demo, however, for some reason it takes some seconds until I can scroll after the page is fully loaded. But on my end, on the docs, it's normal.

Thanks for the reply. On windows we are expected to use shift + scroll only? Why is there no scrollbar like on Mac Safari?

On Shadcn (non svelte) i do have the horizontal scrollbar:
https://ui.shadcn.com/docs/components/scroll-area

from shadcn-svelte.

Can't reproduce. Both on Chrome and Edge on Windows I can scroll horizontally with my mouse (holding shift + scrolling) on the docs example. On your Stackblitz demo, however, for some reason it takes some seconds until I can scroll after the page is fully loaded. But on my end, on the docs, it's normal.

Thanks for the reply. On windows we are expected to use shift + scroll only? Why is there no scrollbar like on Mac Safari?

On Shadcn (non svelte) i do have the horizontal scrollbar: https://ui.shadcn.com/docs/components/scroll-area

There is for me. It only shows when you hover over the scroll area. On light mode it's light grey, so it might be a bit difficult to see at a glance:

from shadcn-svelte.

weird

from shadcn-svelte.

I am having the same issue. Scrollbar isn't visible on my website and the bit-ui demo (https://www.bits-ui.com/docs/components/scroll-area). However it is visible on the shadcn website. If I copy paste the scroll area demo code from the shadcn website there is no scrollbar to be found :(

from shadcn-svelte.

from shadcn-svelte.

When using devtools on firefox and enabling the repsonsive design modus and selecting a phone/tablet, then on hover I can see the scrollbar appearing, on desktop it stays invisible

from shadcn-svelte.