Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug]: fluent-radio-group component not working as expected #31131

Open
2 tasks done
YansideyuoOo opened this issue Apr 22, 2024 · 1 comment
Open
2 tasks done

[Bug]: fluent-radio-group component not working as expected #31131

YansideyuoOo opened this issue Apr 22, 2024 · 1 comment
Assignees
@chrisdholt
Labels
web-components

Comments

@YansideyuoOo
Copy link

Library

Web Components (@fluentui/web-components)

System Info

System:
    OS: Windows 10 10.0.22631
    CPU: 12th Gen Intel(R) Core(TM) I5-12400 2.5GHz
    Memory: 2.41 GB / 31.8 GB
  Browsers:
    Edge: Chromium (124.0.2478.51)
    Internet Explorer: 11.0.22621.1

Are you reporting Accessibility issue?

None

Reproduction

see screenshot

Bug Description

Actual Behavior

bug fluent-radio-group

Always select the last one when clicking for the first time.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="module" src="https://unpkg.com/@fluentui/web-components"></script>
    <title>fluent-radio-group</title>
</head>
<fluent-radio-group orientation="vertical" name="radio-story">
    <fluent-radio name="Radio1" style="padding: 20px 0 20px 0;">Radio 1</fluent-radio>
    <fluent-radio name="Radio2" style="padding: 20px 0 20px 0;">Radio 2</fluent-radio>
    <fluent-radio name="Radio3" style="padding: 20px 0 20px 0;">Radio 3</fluent-radio>
    <fluent-radio name="Radio4" style="padding: 20px 0 20px 0;">Radio 4</fluent-radio>
</fluent-radio-group>
</html>

If the version is changed to ”https://unpkg.com/@fluentui/web-components@2.0.0“ There won't be any secondary issues.

Expected Behavior

Select the option you clicked on for the first time.

Logs

no logs

Requested priority

Normal

Products/sites affected

No

Are you willing to submit a PR to fix?

no

Validations

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

latest good version is 2.5.3, since 2.5.4 this bug appear

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@chrisdholt chrisdholt

Labels
web-components
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@sonyarianto @chrisdholt @YansideyuoOo