[Bug]: Wrapping Radio labels with <InfoLabel> causing items unselectable in <RadioGroup>

[chenxinyanc]

Component

InfoLabel

Package version

9.55.0

React version

18.3.1

Environment

System: OS: Linux 5.0 undefined CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz Memory: 0 Bytes / 0 Bytes Shell: 1.0 - /bin/jsh npmPackages: @fluentui/react-components: ^9.0.0 => 9.55.0 @types/react: ^17 => 17.0.83 @types/react-dom: ^17 => 17.0.25 react: ^18 => 18.3.1 react-dom: ^18 => 18.3.1

Current Behavior

I cannot click to select the Radio option wrapped in <InfoLabel> most of the time.

Expected Behavior

I should be able to click and select the Radio option.

Reproduction

https://stackblitz.com/edit/7ywkfs?file=src%2Fexample.tsx,src%2Findex.tsx,package.json

Steps to reproduce

Open the reproduction link and do as the reproduction screen recording does.

Are you reporting an Accessibility issue?

no

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [x] The provided reproduction is a minimal reproducible example of the bug.