From 4dbd73795f2b10e61d12804eb488a0b6b583245e Mon Sep 17 00:00:00 2001
From: vrspider <myk0417@gmail.com>
Date: Wed, 11 Dec 2019 16:43:27 +0100
Subject: [PATCH] fix(lion-radio-group): wait for registration before setting
 values (#421)

---
 packages/radio-group/src/LionRadioGroup.js     |  6 +++++-
 .../radio-group/test/lion-radio-group.test.js  | 18 ++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/radio-group/src/LionRadioGroup.js b/packages/radio-group/src/LionRadioGroup.js
index 418151bcb..4f861319c 100644
--- a/packages/radio-group/src/LionRadioGroup.js
+++ b/packages/radio-group/src/LionRadioGroup.js
@@ -83,7 +83,11 @@ export class LionRadioGroup extends LionFieldset {
     return filtered.length > 0 ? filtered[0] : undefined;
   }
 
-  _setCheckedRadioElement(value, check) {
+  async _setCheckedRadioElement(value, check) {
+    if (!this.__readyForRegistration) {
+      await this.registrationReady;
+    }
+
     for (let i = 0; i < this.formElementsArray.length; i += 1) {
       if (check(this.formElementsArray[i], value)) {
         this.formElementsArray[i].checked = true;
diff --git a/packages/radio-group/test/lion-radio-group.test.js b/packages/radio-group/test/lion-radio-group.test.js
index da6d6392d..cd55e1aa5 100644
--- a/packages/radio-group/test/lion-radio-group.test.js
+++ b/packages/radio-group/test/lion-radio-group.test.js
@@ -21,6 +21,24 @@ describe('<lion-radio-group>', () => {
     expect(el.checkedValue).to.equal('alien');
   });
 
+  it('can set initial checkedValue on creation', async () => {
+    const checkedValue = 'alien';
+    const el = await fixture(html`
+      <lion-radio-group .checkedValue="${checkedValue}">
+        <lion-radio name="gender[]" .choiceValue=${'male'}></lion-radio>
+        <lion-radio name="gender[]" .choiceValue=${'female'}></lion-radio>
+        <lion-radio name="gender[]" .choiceValue=${'alien'}></lion-radio>
+      </lion-radio-group>
+    `);
+
+    await nextFrame();
+    await el.registrationReady;
+    await el.updateComplete;
+
+    expect(el.checkedValue).to.equal('alien');
+    expect(el.formElementsArray[2].checked).to.be.true;
+  });
+
   it('can handle complex data via choiceValue', async () => {
     const date = new Date(2018, 11, 24, 10, 33, 30, 0);