fix(input): reset focus custom properties for the clear button

Endava · Jul 20, 2023 · 9c990a5 · 9c990a5
1 parent 3ebaf26
commit 9c990a5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/bee-q/src/components/input/scss/bq-input.scss b/packages/bee-q/src/components/input/scss/bq-input.scss
@@ -118,6 +118,12 @@
 /* -------------------------------------------------------------------------- */
 
 .bq-input--control__clear::part(button) {
+  // Since the clear button is inside the input group control,
+  // we need to reset the focus ring styles
+  --bq-ring-width: initial;
+  --bq-ring-offset-width: initial;
+  --bq-ring-color-focus: initial;
+
   @apply h-auto rounded-xs border-none p-0;
 }