BCTHEME-214 Wishlist first option has no bottom outline when in focus (…

…#1825) Co-authored-by: BC-tymurbiedukhin <66319629+BC-tymurbiedukhin@users.noreply.github.com>
bigcommerce · Oct 21, 2020 · 10898ad · 10898ad
1 parent a356f42
commit 10898ad
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Wishlist first option has no bottom outline when in focus. [#1825](https://github.com/bigcommerce/cornerstone/pull/1825)
 - Carousel hidden when one or more of its images not found. [#1816](https://github.com/bigcommerce/cornerstone/pull/1816)
 - Rating and Other filter sections should be accessible by keyboard. [#1838](https://github.com/bigcommerce/cornerstone/pull/1838)
 - Fixed header logo focus border for voiceover and browser. [#1831](https://github.com/bigcommerce/cornerstone/pull/1831)

diff --git a/assets/scss/components/foundation/dropdown/_dropdown.scss b/assets/scss/components/foundation/dropdown/_dropdown.scss
@@ -10,6 +10,8 @@
 }
 
 .dropdown-menu {
+    z-index: $zIndex-lowest;
+
     &.is-loading .loadingOverlay {
         background: none;
         padding: (spacing("double") + spacing("single")) 0;
@@ -19,6 +21,12 @@
     &.is-open {
         display: block;
     }
+
+    .button {
+        &:focus {
+            z-index: $zIndex-lowest;
+        }
+    }
 }
 
 .dropdown-menu-item {
@@ -63,6 +71,10 @@
         float: right;
         margin-left: 10px;
     }
+
+    &:focus {
+        z-index: $zIndex-lower;
+    }
 }
 
 #wishlist-dropdown.is-open {