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.

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

Controls: Fix grouped Radio controls to have the same name #23374

Merged
merged 3 commits into from
May 15, 2024

Conversation

srapilly
Copy link
Contributor

@srapilly srapilly commented Jul 8, 2023

Closes

no existing issue

What I did

Each radio control in the same group should have the same name. This fix the keyboard behavior, it was not possible to changes radio with the arrow keys. This will also group them for screen reader users.

image

How to test

  1. Run a sandbox for template, e.g. yarn task --task sandbox --start-from auto --template react-vite/default-ts
  2. Open Storybook in your browser
  3. Access a args table from a story (
  4. Try to changes a radio control with arrow keys

Checklist

  • Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
  • Make sure to add/update documentation regarding your changes
  • If you are deprecating/removing a feature, make sure to update
    MIGRATION.MD

Maintainers

  • If this PR should be tested against many or all sandboxes,
    make sure to add the ci:merged or ci:daily GH label to it.
  • Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

@srapilly
Copy link
Contributor Author

srapilly commented Jul 8, 2023

I didn't add any test for now, I don't think you have component test ?

@srapilly srapilly changed the title Same name for related Radio UI: Same html name for related Radio Jul 8, 2023
@srapilly srapilly marked this pull request as ready for review July 10, 2023 09:49
@JReinhold JReinhold self-assigned this Jul 10, 2023
@srapilly
Copy link
Contributor Author

Hi @JReinhold, should I do something so that you can approve/merge this PR ? thanks

@srapilly srapilly marked this pull request as draft October 26, 2023 18:50
@srapilly srapilly force-pushed the group-radio-by-name branch from 6b3bfe4 to 63a952b Compare October 26, 2023 18:50
@srapilly srapilly marked this pull request as ready for review October 26, 2023 18:51
Copy link
Contributor

@cdedreuille cdedreuille left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Copy link
Contributor

@JReinhold JReinhold left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great idea. ❤️

Copy link

nx-cloud bot commented May 15, 2024

☁️ Nx Cloud Report

CI is running/has finished running commands for commit aea3797. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution


✅ Successfully ran 1 target

Sent with 💌 from NxCloud.

@JReinhold JReinhold merged commit 9c93c4c into storybookjs:next May 15, 2024
45 of 51 checks passed
@github-actions github-actions bot mentioned this pull request May 15, 2024
13 tasks
@srapilly
Copy link
Contributor Author

Thanks for the merge, I had completely forgotten this PR :)

@shilman shilman changed the title UI: Same html name for related Radio Controls: Fix grouped Radio controls to have the same name May 17, 2024
@valentinpalkovic valentinpalkovic added the needs qa Indicates that this needs manual QA during the upcoming minor/major release label Jul 5, 2024
@ghengeveld ghengeveld removed the needs qa Indicates that this needs manual QA during the upcoming minor/major release label Jul 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants