+
Skip to content
This repository was archived by the owner on Oct 14, 2025. It is now read-only.

Conversation

clintcs
Copy link
Collaborator

@clintcs clintcs commented Aug 27, 2025

🚀 Description

Patch

Screenreaders now announce that Dropdown is required when its required attribute is set.

📋 Checklist

  • I have followed the Contributing Guidelines.
  • I have added tests to cover new or updated functionality.
  • I have added or updated Storybook stories.
  • I have localized new strings.
  • I have followed the ARIA Authoring Practices Guide or met with the Accessibility Team.
  • I have included a changeset.
  • I have scheduled a design review.
  • I have reviewed the Storybook and Visual Test Report links below.

🔬 Manual Testing

You know what to do!

Copy link

changeset-bot bot commented Aug 27, 2025

🦋 Changeset detected

Latest commit: bdccd49

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@crowdstrike/glide-core Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@clintcs clintcs force-pushed the dropdown-accessibility-improvement branch from d834796 to 54e37b1 Compare August 27, 2025 13:16
await page.getByRole('combobox').fill('add');
await page.getByRole('combobox').focus();

await expect(page.locator('glide-core-dropdown')).toMatchAriaSnapshot(`
Copy link
Collaborator Author

@clintcs clintcs Aug 27, 2025

Choose a reason for hiding this comment

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

"required" doesn't show up in the accessibility tree. But it is announced by VoiceOver.

@clintcs clintcs force-pushed the dropdown-accessibility-improvement branch from 54e37b1 to bdccd49 Compare August 27, 2025 13:24
.locator('glide-core-dropdown')
.evaluate<void, Dropdown>((element) => {
element.multiple = true;
element.multiple = false;
Copy link
Collaborator Author

@clintcs clintcs Aug 27, 2025

Choose a reason for hiding this comment

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

This is the 'select-all' test inside the 'multiple=${false}' describe block. So multiple should be false.

- tooltip "Tooltip"
- text: Label
- button "Label"
`);
Copy link
Collaborator Author

@clintcs clintcs Aug 27, 2025

Choose a reason for hiding this comment

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

I wish Playwright would indent these right.

@clintcs clintcs marked this pull request as ready for review August 27, 2025 13:37
@clintcs clintcs added this pull request to the merge queue Aug 27, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to no response for status checks Aug 27, 2025
@clintcs clintcs added this pull request to the merge queue Aug 27, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to no response for status checks Aug 27, 2025
@clintcs clintcs added this pull request to the merge queue Aug 27, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to no response for status checks Aug 27, 2025
@clintcs clintcs added this pull request to the merge queue Aug 27, 2025
Merged via the queue into main with commit 0efc003 Aug 27, 2025
22 checks passed
@clintcs clintcs deleted the dropdown-accessibility-improvement branch August 27, 2025 16:48
@github-actions github-actions bot mentioned this pull request Aug 27, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载