fix(sbb-toggle): avoid console error on checked option click (#3034)

sbb-design-systems · Aug 27, 2024 · 94fa2b6 · 94fa2b6
1 parent 6b95be6
commit 94fa2b6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/elements/toggle/toggle-option/__snapshots__/toggle-option.snapshot.spec.snap.js b/src/elements/toggle/toggle-option/__snapshots__/toggle-option.snapshot.spec.snap.js
@@ -17,6 +17,7 @@ snapshots["sbb-toggle-option renders Shadow DOM"] =
 `<input
   aria-hidden="true"
   id="sbb-toggle-option-id"
+  inert=""
   tabindex="-1"
   type="radio"
   value="Option 1"
@@ -87,6 +88,7 @@ snapshots["sbb-toggle-option renders checked disabled Shadow DOM"] =
   aria-hidden="true"
   disabled=""
   id="sbb-toggle-option-id"
+  inert=""
   tabindex="-1"
   type="radio"
   value="Option 1"

diff --git a/src/elements/toggle/toggle-option/toggle-option.ts b/src/elements/toggle/toggle-option/toggle-option.ts
@@ -113,6 +113,7 @@ export class SbbToggleOptionElement extends SbbIconNameMixin(LitElement) {
         id="sbb-toggle-option-id"
         aria-hidden="true"
         tabindex="-1"
+        .inert=${this.checked}
         ?disabled=${this.disabled}
         .checked=${this.checked || nothing}
         .value=${this.value || nothing}