fix(radio-group): wrap slot in a div to resolve blurring on focus

This commit is contained in:
Brandy Smith
2025-03-04 09:33:55 -05:00
parent d71d7f49d1
commit 15c8a69fcb

View File

@@ -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>
);
}