fix(radio): Use checked property instead of attribute when resolving group query (#1370)

Author: rkaraivanov

src/components/radio-group/radio-group.spec.ts

@@ -300,6 +300,31 @@ describe('Radio Group Component', () => {
           expect(first(radios).checked).to.be.true;
           expect(group.value).to.equal(first(radios).value);
         });
+
+        it('form reset with multiple checked radios', async () => {
+          form = await fixture(html`
+            <form>
+              <igc-radio-group name="fruit">
+                <igc-radio value="apple" checked>Apple</igc-radio>
+                <igc-radio value="banana" checked>Banana</igc-radio>
+                <igc-radio value="orange" checked>Orange</igc-radio>
+              </igc-radio-group>
+            </form>
+          `);
+          group = form.querySelector(IgcRadioGroupComponent.tagName)!;
+          radios = Array.from(form.querySelectorAll(IgcRadioComponent.tagName));
+          setFormListener();
+
+          expect(first(radios).checked).to.be.false;
+          expect(last(radios).checked).to.be.true;
+
+          first(radios).click();
+          expect(first(radios).checked).to.be.true;
+
+          form.reset();
+          expect(first(radios).checked).to.be.false;
+          expect(last(radios).checked).to.be.true;
+        });
       });
 
       describe('Validation state', () => {

src/components/radio/radio.ts

@@ -113,7 +113,7 @@ export default class IgcRadioComponent extends FormAssociatedRequiredMixin(
   }
 
   protected override setDefaultValue(): void {
-    this._defaultValue = this === this._checkedRadios[0];
+    this._defaultValue = this === last(this._checkedRadios);
   }
 
   /**

src/components/radio/utils.ts

@@ -39,7 +39,7 @@ export function getGroup(member: IgcRadioComponent) {
   const iterator = iterNodes<IgcRadioComponent>(
     globalThis.document.documentElement,
     'SHOW_ELEMENT',
-    (radio) => radio.matches(`${member.tagName}[name='${member.name}']`)
+    (radio) => radio.matches(member.tagName) && radio.name === member.name
   );
 
   for (const each of iterator) {