From e546124e1de49e8bd4d8f5e33cba87a0e83435ef Mon Sep 17 00:00:00 2001 From: Peterl561 <76144929+Peterl561@users.noreply.github.com> Date: Mon, 16 Dec 2024 03:43:36 -0800 Subject: [PATCH] fix(theme): menu overflow use clip (#4373) * fix(theme): menu overflow use clip fixes listbox section sticky not working * chore(changeset): fix listbox section sticky not working * chore(changeset): add issue number --------- Co-authored-by: WK Wong --- .changeset/old-peas-cheat.md | 5 +++++ packages/core/theme/src/components/menu.ts | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/old-peas-cheat.md diff --git a/.changeset/old-peas-cheat.md b/.changeset/old-peas-cheat.md new file mode 100644 index 0000000000..14647cb366 --- /dev/null +++ b/.changeset/old-peas-cheat.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/theme": patch +--- + +menu base use overflow-clip to fix listbox section sticky (#4335) diff --git a/packages/core/theme/src/components/menu.ts b/packages/core/theme/src/components/menu.ts index 2e4fb7bb4b..dedb9bfb22 100644 --- a/packages/core/theme/src/components/menu.ts +++ b/packages/core/theme/src/components/menu.ts @@ -11,7 +11,7 @@ import {dataFocusVisibleClasses} from "../utils"; */ const menu = tv({ slots: { - base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden", + base: "w-full relative flex flex-col gap-1 p-1 overflow-clip", list: "w-full flex flex-col gap-0.5 outline-none", emptyContent: [ "h-10",