fix(MultiSelect Popover): Use :focus-visible instead of :focus for fo…

…cus ring (#4396) * fix(MultiSelect Popover): Use :focus-visible instead of :focus for focus ring * Remove outline from :focus Co-authored-by: Cassandra <cassandra.tam@cultureamp.com> --------- Co-authored-by: Cassandra <cassandra.tam@cultureamp.com>
cultureamp · Dec 6, 2023 · fd678f4 · fd678f4
1 parent fcf1bb5
commit fd678f4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/beige-cups-hug.md b/.changeset/beige-cups-hug.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+Use :focus-visible instead of :focus for popover focus ring
diff --git a/packages/components/src/MultiSelect/subcomponents/Popover/Popover.module.scss b/packages/components/src/MultiSelect/subcomponents/Popover/Popover.module.scss
@@ -13,6 +13,9 @@
 
   &:focus {
     outline: none;
+  }
+
+  &:focus-visible {
     border-color: $color-blue-500;
   }
 }