diff --git a/CHANGELOG.md b/CHANGELOG.md index 4d73ac2828..1702e323cc 100644 --- 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 index 14de64f4f9..740c8dc69e 100644 --- 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 {