fix(Accessibility): Focus is not visible on dropdown elements in high…

… contrast (#304)
adobe · Jul 12, 2023 · cde7c68 · cde7c68
1 parent fae0821
commit cde7c68
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/coral-component-list/src/styles/index.styl b/coral-component-list/src/styles/index.styl
@@ -101,6 +101,14 @@
   height: var(--spectrum-medium-circleloader-medium-height);
 }
 
+@media (forced-colors: active) {
+  ._coral-Menu-item.focus-ring,
+  ._coral-Menu-item.is-focused {
+      border: 1px solid #000000;
+      box-sizing: border-box;
+    }
+}
+
 @require 'light';
 @require 'lightest';
 @require 'dark';