Skip to content

Commit 15c8a69

Browse files
committed
fix(radio-group): wrap slot in a div to resolve blurring on focus
1 parent d71d7f4 commit 15c8a69

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

core/src/components/radio-group/radio-group.tsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -293,7 +293,14 @@ export class RadioGroup implements ComponentInterface {
293293
class={mode}
294294
>
295295
{this.renderHintText()}
296-
<slot></slot>
296+
{/*
297+
Wrapping the slot in a div is a workaround due to a Stencil issue.
298+
Without the wrapper, the children radio will fire the blur event
299+
on focus, instead of waiting for them to be blurred.
300+
*/}
301+
<div>
302+
<slot></slot>
303+
</div>
297304
</Host>
298305
);
299306
}

0 commit comments

Comments
 (0)