fix(sbb-radio-group): disable focus when disabling radio

src/elements/radio-button/radio-button-group/radio-button-group.spec.ts

@@ -113,6 +113,25 @@ import { SbbRadioButtonGroupElement } from './radio-button-group.js';
           expect(firstRadio).to.have.attribute('checked');
         });
 
+        it('should update tabIndex on disabled child change', async () => {
+          const firstRadio = element.querySelector('#sbb-radio-1') as
+            | SbbRadioButtonElement
+            | SbbRadioButtonPanelElement;
+
+          const secondRadio = element.querySelector('#sbb-radio-2') as
+            | SbbRadioButtonElement
+            | SbbRadioButtonPanelElement;
+
+          expect(firstRadio.tabIndex).to.be.equal(0);
+          expect(secondRadio.tabIndex).to.be.equal(-1);
+
+          firstRadio.disabled = true;
+          await waitForLitRender(element);
+
+          expect(firstRadio.tabIndex).to.be.equal(-1);
+          expect(secondRadio.tabIndex).to.be.equal(0);
+        });
+
         it('preserves radio button disabled state after being disabled from group', async () => {
           const firstRadio = element.querySelector('#sbb-radio-1') as
             | SbbRadioButtonElement

src/elements/radio-button/radio-button-group/radio-button-group.ts

@@ -127,7 +127,7 @@
     this.addEventListener(
       'stateChange',
       (e: CustomEvent<SbbStateChange>) =>
-        this._onRadioButtonSelect(e as CustomEvent<SbbRadioButtonStateChange>),
+        this._onRadioButtonChange(e as CustomEvent<SbbRadioButtonStateChange>),
       {
         signal,
         passive: true,
@@ -184,21 +184,26 @@
     super.disconnectedCallback();
   }
 
-  private _onRadioButtonSelect(event: CustomEvent<SbbRadioButtonStateChange>): void {
+  private _onRadioButtonChange(event: CustomEvent<SbbRadioButtonStateChange>): void {
     event.stopPropagation();
-    if (event.detail.type !== 'checked' || !this._didLoad) {
+
+    if (!this._didLoad) {
       return;
     }
 
-    const radioButton = event.target as SbbRadioButtonElement;
-
-    if (event.detail.checked) {
-      this.value = radioButton.value;
-      this._emitChange(radioButton, this.value);
-    } else if (this.allowEmptySelection) {
-      this.value = this.radioButtons.find((radio) => radio.checked)?.value;
-      if (!this.value) {
-        this._emitChange(radioButton);
+    if (event.detail.type === 'disabled') {
+      this._updateRadios(this.value);
+    } else if (event.detail.type === 'checked') {
+      const radioButton = event.target as SbbRadioButtonElement;
+
+      if (event.detail.checked) {
+        this.value = radioButton.value;
+        this._emitChange(radioButton, this.value);
+      } else if (this.allowEmptySelection) {
+        this.value = this.radioButtons.find((radio) => radio.checked)?.value;
+        if (!this.value) {
+          this._emitChange(radioButton);
+        }
       }
     }
   }