Skip to content

Fixing ActionList Item hover focus style#2255

Merged
langermank merged 3 commits intoprimer:mainfrom
jdrush89:fix-action-list-item-hover-style
Sep 16, 2022
Merged

Fixing ActionList Item hover focus style#2255
langermank merged 3 commits intoprimer:mainfrom
jdrush89:fix-action-list-item-hover-style

Conversation

@jdrush89
Copy link
Contributor

@jdrush89 jdrush89 commented Sep 15, 2022

What are you trying to accomplish?

Show the focus ring around focused items with subitems while they are hovered. Fixes #2254

Screen Shot 2022-09-14 at 10 50 39 PM

What approach did you choose and why?

Adding a not:(:focus-visible) to the rule that overrides the outline

Can these changes ship as is?

  • Yes, this PR does not depend on additional changes. 🚢

@jdrush89 jdrush89 requested a review from a team as a code owner September 15, 2022 02:50
@jdrush89 jdrush89 requested a review from jonrohan September 15, 2022 02:50
@changeset-bot
Copy link

changeset-bot bot commented Sep 15, 2022

🦋 Changeset detected

Latest commit: b4893c0

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

This PR includes changesets to release 1 package
Name Type
@primer/css 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

@jdrush89
Copy link
Contributor Author

@langermank Thanks for adding the changeset! It doesn't look like I have permissions to merge, would you be able to help with getting the pr in? Do we just need a successful preview deploy now?

@langermank langermank merged commit 1a9a668 into primer:main Sep 16, 2022
@primer-css primer-css mentioned this pull request Sep 16, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ActionList Item - hovered item with subitems doesn't show focus ring

2 participants