Fix focus outline when clicking away from Select/ComboBox components (#…

…335)
spear-ai · Aug 27, 2024 · 348c05d · 348c05d
1 parent a88f395
commit 348c05d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/serious-students-pull.md b/.changeset/serious-students-pull.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/ui": patch
+---
+
+Fixed focus outline on Select/ComboBox components when clicking away from Popover.
diff --git a/packages/ui/src/components/combo-box.tsx b/packages/ui/src/components/combo-box.tsx
@@ -57,7 +57,7 @@ export const ComboBox = forwardRef<
       [onSelectionChange, setSelectedKey],
     );
 
-    const mergedClassName = cx("group focus:outline-none", className);
+    const mergedClassName = cx("group outline-none", className);
 
     return (
       <ComboBoxPrimitive

diff --git a/packages/ui/src/components/select.tsx b/packages/ui/src/components/select.tsx
@@ -59,7 +59,7 @@ export const Select = forwardRef<
       [onSelectionChange, setSelectedKey],
     );
 
-    const mergedClassName = cx("group w-full focus:outline-none", className);
+    const mergedClassName = cx("group w-full outline-none", className);
 
     return (
       <SelectPrimitive