Link not working with tailwind-scrollbar

[DaliborTrampota]

when applying this class (scrollbar-thin or scrollbar) to my scroll bars, Link element stops working. these are the css properties:

.scrollbar-thin {
    --scrollbar-track: initial !important;
    --scrollbar-thumb: initial !important;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track) !important;
    overflow: overlay !important;
}
.scrollbar-thin.overflow-x-hidden {
    overflow-x: hidden !important;
}
.scrollbar-thin.overflow-y-hidden {
    overflow-y: hidden !important;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track) !important;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb) !important;
}
.scrollbar-thin {
    scrollbar-width: thin !important;
}
.scrollbar-thin::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

I'd like to have my scrollbar custom but I'd also like to have the smooth scroll. Now it doesnt redirect at all, the a element has no href property nor it jumps to the id.

[fisshy]

Interresting, not familiar with the issue. Could you provide a plunkr demonstrating it?

[DaliborTrampota]

I'm sorry but I have no idea how to use it. I just checked it, I managed to add react-scroll package but not tailwind. I'm really newbie in react and setting up projects is always painful for me. If you manage to install tailwind v3 there https://plnkr.co/edit/Z12pDp9VIXFHGKmx?open=Hello.js&deferRun=1 it should be broken. https://raw.githubusercontent.com/DaliborTrampota/KokNut-Website/master/package.json?token=GHSAT0AAAAAABS7XGFZFK3L33JEFG2LIWQSYTGJKKQ here is my package.json

Also I forgot to mention in the issue that I'm using tailwind v3 and react v17

[DaliborTrampota]

any update?