Skip to content

Commit a21cc3a

Browse files
fix(command-palette): prevent Footer from clipping List ring border (#483)
1 parent 8b12a4c commit a21cc3a

2 files changed

Lines changed: 6 additions & 1 deletion

File tree

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@cloudflare/kumo": patch
3+
---
4+
5+
Fix CommandPalette List bottom ring being clipped by Footer background. Add scroll padding to prevent items from clipping behind rounded corners.

packages/kumo/src/components/command-palette/command-palette.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -279,7 +279,7 @@ const List = forwardRef<
279279
<div
280280
ref={ref}
281281
className={cn(
282-
"min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-kumo-base px-2 py-2 ring-1 ring-kumo-hairline",
282+
"relative min-h-0 flex-1 overflow-y-auto rounded-b-lg bg-kumo-base px-2 py-2 scroll-py-2 ring-1 ring-kumo-hairline",
283283
className,
284284
)}
285285
>

0 commit comments

Comments
 (0)