Fixing ActionList Item hover focus style (#2255)

* Fixing ActionList Item hover focus style * Create plenty-papayas-reflect.md Co-authored-by: Katie Langerman <langermank@github.com>
primer · Sep 16, 2022 · 1a9a668 · 1a9a668
1 parent 8108377
commit 1a9a668
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/plenty-papayas-reflect.md b/.changeset/plenty-papayas-reflect.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Fixing ActionList Item hover focus style
diff --git a/src/actionlist/action-list-item.scss b/src/actionlist/action-list-item.scss
@@ -32,7 +32,7 @@
         cursor: pointer;
         background-color: var(--color-action-list-item-default-hover-bg);
 
-        &:not(.ActionList-item--navActive) {
+        &:not(.ActionList-item--navActive):not(:focus-visible) {
           // Support for "Windows high contrast mode"
           outline: $border-style $border-width transparent;
           outline-offset: -$border-width;