diff --git a/.changeset/olive-ears-add.md b/.changeset/olive-ears-add.md new file mode 100644 index 0000000000..1277fca6e9 --- /dev/null +++ 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 index 5370d2db35..15ec04e954 100644 --- 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 index 07ba714c43..32d131df8e 100644 --- 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 {