From 15c8a69fcbefb8eaf76a6c2ef8951da8b1ebf6d6 Mon Sep 17 00:00:00 2001
From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Date: Tue, 4 Mar 2025 09:33:55 -0500
Subject: [PATCH] fix(radio-group): wrap slot in a div to resolve blurring on
 focus

---
 core/src/components/radio-group/radio-group.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/core/src/components/radio-group/radio-group.tsx b/core/src/components/radio-group/radio-group.tsx
index 70b6831448..f00b8aaadf 100644
--- a/core/src/components/radio-group/radio-group.tsx
+++ b/core/src/components/radio-group/radio-group.tsx
@@ -293,7 +293,14 @@ export class RadioGroup implements ComponentInterface {
         class={mode}
       >
         {this.renderHintText()}
-        <slot></slot>
+        {/*
+          Wrapping the slot in a div is a workaround due to a Stencil issue.
+          Without the wrapper, the children radio will fire the blur event
+          on focus, instead of waiting for them to be blurred.
+        */}
+        <div>
+          <slot></slot>
+        </div>
       </Host>
     );
   }