Safari thumb thickness with version 4

[welschmoor]

Upgraded to version 4 tailwind and tailwind-scrollbar also version 4 and the Safari scrollbar is now very thick, scrollbar-thin has no effect. It does not mean it's the fault of this package or tailwind, but very likely.

Using latest Next.js by the way.

[adoxography]

The best I can do as far as debugging MacOS issues is an ancient Macbook I have in a closet somewhere that's too old to update to latest MacOS - so there's not a lot I can do for you here. I can give you some advice on what to look for wrt debugging, though.

• Screenshots are always a good idea. "very thick" doesn't mean a lot on its own.
• Can you confirm that the exact same project has a differently sized scrollbar in v3?
• Safari 18.2, released in December of 2024, added partial support for standards-track scrollbar styling (scrollbar-width, but not scrollbar-color). I had to jump through some hoops to get everything to play nicely again when Chrome did this earlier last year, If you haven't already, can you try setting the preferredStrategy to pseudoelements? I haven't tested this with Safari, obviously, but it should theoretically tell the browser not to use the standards-track styles.