Ling0925
/
suna
mirror of https://github.com/kortix-ai/suna.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: prevent right panel content overflow in ScrollArea component 

Resolves content overflow issues in the right panel caused by the ScrollArea
component's internal div with 'min-width:100%;display:table' styling. This
addresses the known shadcn-ui ScrollArea limitation where the component takes
up the entire width and causes overflow.

The fix ensures proper width constraints while maintaining scroll functionality.

References: https://github.com/shadcn-ui/ui/issues/3833
This commit is contained in:
Anx 2025-07-23 18:59:11 +08:00 committed by GitHub
parent dbdfd8f2fa
commit 510ec46aef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/ui/scroll-area.tsx
View File

@ -18,7 +18,7 @@ function ScrollArea({
>
<ScrollAreaPrimitive.Viewport
data-slot="scroll-area-viewport"
className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
className="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&>div]:!block"
>
{children}
</ScrollAreaPrimitive.Viewport>