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

UI: Fix target id in searchfield label #23464

Merged
merged 8 commits into from
Sep 5, 2023

Conversation

plumpNation
Copy link
Contributor

@plumpNation plumpNation commented Jul 15, 2023

Closes #23463

What I did

The for attribute value was not set to match the hardcoded value used for the search input id. This is invalid HTML and creates an error issue in chrome dev tools "Issues" tab.

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 Chrome browser.
  3. Observe error in "issues" tab of Chrome dev tools.

Checklist

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

Maintainers

  • When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli/src/sandbox-templates.ts
  • Make sure this PR contains one of the labels below.

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

…js#23463)

The for attribute value was not set to match the hardcoded value
used for the search input id.
@plumpNation plumpNation marked this pull request as ready for review July 15, 2023 07:34
@plumpNation
Copy link
Contributor Author

I might need some guidance with the DangerJS failures in the build, I'm not sure I should be making changes to package-lock.json files. I made no changes to dependencies, and the project seems to be managed by yarn.

@ndelangen ndelangen changed the title search label for attribute doesn't match id of input (fixes #23463) UI: Search label for attribute should match id of input Sep 4, 2023
@yannbf yannbf changed the title UI: Search label for attribute should match id of input UI: Fix target id in searchfield label Sep 4, 2023
Copy link
Member

@yannbf yannbf left a comment

Choose a reason for hiding this comment

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

Hey @plumpNation thank you so much for this contribution, and sorry it took us time to review it. Looks great! <3

@yannbf yannbf merged commit fccc51f into storybookjs:next Sep 5, 2023
9 checks passed
@github-actions github-actions bot mentioned this pull request Sep 5, 2023
25 tasks
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.

[Bug]: Incorrect use of label for attribute in search input label
4 participants