Skip to content

Scrollbars on Textarea extending past rounded border #3066

Closed Answered by saadeghi
HattieTavares asked this question in Q&A
Discussion options

You must be logged in to vote

Yes, this is a challenge with Windows but there's not a standard CSS solution for that. Unfortunately Windows applies fixed scrollbars with their own style for all scrollable areas.
And the challenge is, there's no way in CSS to add paddings to scrollbar. It only sticks to the edge and with Windows it's a sharp gray rectangle. A workaround would be applying style to a div wrapper instead which is not a optimal solution.

Another workaround

daisyUI cupcake theme has more border radius for larger components like card and textarea and this big border radius makes the Windows scrollbar issue more obvious. Another workaround in this situation would be decreasing the border radius with a class n…

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by saadeghi
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants