Skip to content

Commit 8b8455d

Browse files
Jeffrey Lauwersclaude
andcommitted
fix(Radio): voeg inner circle toe bij checked + focus-visible state
De inner circle was niet zichtbaar wanneer een geselecteerde radio button focus ontving via het toetsenbord. De `checked:focus-visible` state miste de equivalente `dsn-radio__inner-circle` regel die bij `checked:hover` en `checked:active` wel aanwezig was. Fixes #97 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 52b5c32 commit 8b8455d

1 file changed

Lines changed: 6 additions & 0 deletions

File tree

packages/components-react/src/Radio/Radio.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,12 @@
131131
background-color: var(--dsn-radio-checked-focus-background-color);
132132
}
133133

134+
.dsn-radio__input:checked:focus-visible
135+
+ .dsn-radio__control
136+
.dsn-radio__inner-circle {
137+
background-color: var(--dsn-radio-checked-focus-color);
138+
}
139+
134140
/* Disabled state */
135141
.dsn-radio__input:disabled + .dsn-radio__control {
136142
border-color: var(--dsn-radio-disabled-border-color);

0 commit comments

Comments
 (0)