Scrollbars on Textarea extending past rounded border #3066
-
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
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. 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 name like daisyUI 4.12.2 improvement There's a new CSS rule "scrollbar-color" which can change the colors of the existing scrollbar style. Let me know if you have a question. |
Beta Was this translation helpful? Give feedback.
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…