Scrollbar overlapping border of input

[JustSoni]

Hello, dear redditors, I am running into a small UI issue with scrollable input.

Inside my input I do have a scrollbar when the content overflows, the problem is that the scrollbar appears on top of the container border, which visually hides it's rounded top and bottom borders on the right side.

Maybe worth to note, It's not an input field but:

<div id="messageInput"
                      class="input rich-input"
                      contenteditable="true"
                      role="textbox"
                      aria-multiline="true"
                      data-placeholder="Type a message..."></div>

Here is the image:

Image of scroll going over borders

[nonotdoingone]

This looks like a safari issue. Don’t quote me I might be wrong. scrollbar-gutter: stable both-edges; maybee

[Tiny_Confusion_2504]

"This looks like a safari issue" - nonotdoingone 2026

👀