Merge pull request #4536 from christophe-g:fix-radio-click-on-navigate

PiperOrigin-RevId: 547567268
material-components · Jul 12, 2023 · cf2dc2c · cf2dc2c
2 parents 6734344 + c8b589b
commit cf2dc2c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/radio/lib/single-selection-controller.ts b/radio/lib/single-selection-controller.ts
@@ -216,8 +216,13 @@ export class SingleSelectionController implements ReactiveController {
       }
 
       // The next sibling should be checked, focused and dispatch a change event
+      nextSibling.checked = true;
       nextSibling.removeAttribute('tabindex');
-      nextSibling.click();
+      nextSibling.focus();
+      // Fire a change event since the change is triggered by a user action.
+      // This matches native <input type="radio"> behavior.
+      nextSibling.dispatchEvent(new Event('change', {bubbles: true}));
+
       break;
     }
   };