Scroll Area cuts off input box highlighted border

[brendan-morin]

Describe the bug

Not even sure if this is a bug (please close if not), but it was somewhat unexpected so I'd be interested in thoughts. Basic scroll area usage cuts off the edges of input box border highlight on select:

<ScrollArea>
    <div class="py-1">
      <Input />
    </div>
</ScrollArea>

See left/right edges:

Without py-1 the effect is there but difficult to see as it's only tiny pixels in the corners that show up. Adding padding all around resolves this:

<ScrollArea>
    <div class="p-1">
      <Input />
    </div>
</ScrollArea>

Reproduction

See code above, it's a trivial reproduction.

Logs

No response

System Info

N/A

Severity

annoyance

[mattcar15]

Facing the same issue, it's the general shadcn implementation though, not unique to sveldt