Fix the focus ring on focused checked buttons

twbs · Jan 22, 2024 · 158a603 · 158a603
1 parent af09293
commit 158a603
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
@@ -100,6 +100,15 @@
     }
   }
 
+  .btn-check:checked:focus-visible + & {
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
+    } @else {
+      box-shadow: var(--#{$prefix}btn-focus-box-shadow);
+    }
+  }
+
   &:disabled,
   &.disabled,
   fieldset:disabled & {