fix(component/listbox): standardise focus status (#1605)

adeo · Jul 17, 2024 · b5747ee · b5747ee
1 parent 6d71e58
commit b5747ee
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/styles/components/_c.listbox.scss b/packages/styles/components/_c.listbox.scss
@@ -38,7 +38,8 @@
     position: relative;
 
     &:not(#{$selector-empty}):not(.is-disabled):hover,
-    &:has(.mc-listbox__input:focus) {
+    &:has(.mc-listbox__input:focus),
+    &:has(.mc-listbox__label:focus) {
       background-color: $color-listbox-tile-hover-background;
       box-shadow: inset 9px 0 0 -7px $color-listbox-tile-shadow;
     }
@@ -88,6 +89,7 @@
     color: currentColor;
     cursor: pointer;
     white-space: nowrap;
+    outline: transparent;
 
     @at-root button#{&} {
       background: none;