search

adoxography / tailwind-scrollbar

Scrollbar plugin for Tailwind CSS
MIT License
951 stars 39 forks source link

Bug: Scrollbars showing up on both axis, but default scrollbars only on one (desired behavior) #10

Closed Sheldonfrith closed 3 years ago

Sheldonfrith commented 3 years ago

I have a div with classname "overflow-y-hidden" which should only show a horizontal scrollbar. If I remove your scrollbar utilities then the default scrollbar shows up as expected (with no vertical scrollbar). However as soon as I add "scrollbar" or "scrollbar-thin" I get scrollbars on both axis, which is not what I want. I will be trying to figure it out on my own, but if anyone's got any ideas about what might be causing this please let me know.

Sheldonfrith commented 3 years ago

It appears the issue is that the tailwind-scrollbar plugin is applying the property "overflow: overlay" to my div, which seems to be overriding my overflow-y-hidden. Still working on a solution. Also the 'rounded' utility as described in the docs/readme is not working for me, I had to add it manually to my css file.

Sheldonfrith commented 3 years ago

Well I just commented out line 40 of index.js... overflow: overlay. Default behavior is restored now (along with the annoying layout changes, but its better than having a useless vertical scrollbar) with the rest of tailwind-scrollbar still working.

adoxography commented 3 years ago

I'm glad you found a workaround, but this should really be fixed on the plugin side. Thanks for reporting!