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
fix(action-bar): include focus-visible polyfilling #4273
fix(action-bar): include focus-visible polyfilling #4273
Conversation
As a member of Adobe, Inc. you should be able to self serve access to this repo and make this PR as a branch, rather than a fork, and enjoy our full CI coverage. Would you be able to set that up and reopen this PR? |
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.
Simplify to only the needed changes and we can adopt this.
In the future, if you were able to work from a branch rather than a fork you'll get more complete CI coverage of these sorts of changes.
packages/action-bar/src/ActionBar.ts
Outdated
export const actionBarVariants = ['sticky', 'fixed']; | ||
|
||
/** | ||
* @element sp-action-bar | ||
* @slot - Content to display with the Action Bar | ||
*/ | ||
export class ActionBar extends SpectrumElement { | ||
export class ActionBar extends SizedMixin( | ||
FocusVisiblePolyfillMixin(SpectrumElement) |
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.
Seems reasonable for the close button. Would be great if UXP prioritized adding this, as I'm sure there are lots of little places where UI like this falls through the cracks and keeping the polyfill code for something that has been fixed in browser for so long is questionable on our end.
For older browser and UXP, we have to rely on focus-visible polyfill to match behaviour with the modern browser where the corresponding pseud-oselector is supported.
bdc141a
to
5c5171e
Compare
Description
For older browser and UXP, we have to rely on focus-visible polyfill to match behaviour with the modern browser where the corresponding pseudo-selector is supported.
Related issue(s)
fixes #4279
Motivation and context
How has this been tested?
Screenshots (if appropriate)
Types of changes
Checklist
Best practices
This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against
main
.