-
Notifications
You must be signed in to change notification settings - Fork 198
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
chore(menu): remove keyboard focus outline in spectrum-two #3595
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: 47f17ec The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
File metricsSummaryTotal size: 2.25 MB*
menu
* An ASCII character in UTF-8 is 8 bits or 1 byte. |
🚀 Deployed on https://pr-3595--spectrum-css.netlify.app |
c0d11b9
to
686b4a0
Compare
686b4a0
to
47f17ec
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Behaves as expected when running through validation. ✨
@@ -23,6 +23,6 @@ | |||
--spectrum-menu-item-focus-indicator-shadow: none; | |||
--spectrum-menu-item-focus-indicator-offset: var(--spectrum-spacing-50); | |||
--spectrum-menu-item-spacing-multiplier: 1; | |||
--spectrum-menu-item-focus-indicator-outline-style: solid; | |||
--spectrum-menu-item-focus-indicator-outline-style: none; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we want to remove the focus indicator styles completely? The menu S2 token specs have the focus indicator, so is there a better solution? You may have already double checked with design and they're fine with its removal already! I wanted to mention it since it seems further away from S2 than I was expecting.

I also might just not understand why we need this change!
"@spectrum-css/menu": patch | ||
--- | ||
|
||
removed keyboard focus outline in spectrum-two |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you please provide information in the PR description and changeset about why this change is being made? This is a pretty big change that affects accessibility, and needs to be communicated and validated. Peeking at the Spectrum 2 specs for menu, it does continue to have a focus indicator.
Description
removed keyboard focus outline in spectrum-two
How and where has this been tested?
Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.
Validation steps
Regression testing
Validate:
Screenshots
Old:


New:
To-do list