Fix focus rings not appearing on checkboxes and radio buttons. (#4345)

jpmorganchase · Oct 28, 2024 · 0730eb0 · 0730eb0
1 parent 218034c
commit 0730eb0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/olive-ears-add.md b/.changeset/olive-ears-add.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed focus rings not appearing on Checkbox or Radio Button.
diff --git a/packages/core/src/checkbox/Checkbox.css b/packages/core/src/checkbox/Checkbox.css
@@ -35,6 +35,7 @@
   outline: var(--saltCheckbox-outline, var(--salt-focused-outline));
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
+  clip-path: unset;
 }
 
 .saltCheckbox-input:focus-visible + .saltCheckboxIcon-checked {

diff --git a/packages/core/src/radio-button/RadioButton.css b/packages/core/src/radio-button/RadioButton.css
@@ -48,6 +48,7 @@
   outline-offset: var(--salt-focused-outlineOffset);
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
+  clip-path: unset;
 }
 
 .saltRadioButton-input:focus-visible + .saltRadioButtonIcon-checked {