Fix/select label closes the popover (#1455)

* fix(select): label pointer events removed * chore(select): changeset
nextui-org · Aug 21, 2023 · cc839cd · cc839cd · vercel · Aug 21, 2023
1 parent c9e5c2e
commit cc839cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/.changeset/ninety-planets-float.md b/.changeset/ninety-planets-float.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+Fix select close when clicking the label
diff --git a/packages/core/theme/src/components/select.ts b/packages/core/theme/src/components/select.ts
@@ -6,7 +6,7 @@ import {tv} from "../utils/tv";
 const select = tv({
   slots: {
     base: "group inline-flex flex-col relative w-full",
-    label: "block text-small font-medium text-foreground-500",
+    label: "block text-small font-medium text-foreground-500 pointer-events-none",
     trigger:
       "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper:
@@ -138,14 +138,13 @@ const select = tv({
     },
     isLabelPlaceholder: {
       true: {
-        label: "absolute z-10 pointer-events-none",
+        label: "absolute z-10",
       },
     },
     isDisabled: {
       true: {
         base: "opacity-disabled pointer-events-none",
         trigger: "pointer-events-none",
-        label: "pointer-events-none",
       },
     },
     isInvalid: {