fix(listbox): card shadow clipping when inside listbox item

heroui-inc · Jul 16, 2024 · 590a6da · 590a6da
1 parent b762141
commit 590a6da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/five-teachers-refuse.md b/.changeset/five-teachers-refuse.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fixed the shadow clipping of card inside listbox or menubox item
diff --git a/packages/core/theme/src/components/menu.ts b/packages/core/theme/src/components/menu.ts
@@ -71,7 +71,7 @@ const menuItem = tv({
       "data-[focus-visible=true]:dark:ring-offset-background-content1",
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-small font-normal truncate",
+    title: "flex-1 text-small font-normal overflow-visible",
     description: ["w-full", "text-tiny", "text-foreground-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [