fix(mosaic): fix thumbnail focus outline cropped by parent overflow (#…

…1152) DSW-253
lumapps · Aug 7, 2024 · 404229e · 404229e
1 parent d15d2ee
commit 404229e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 -   `Lightbox`: fix a11y color contrast on the close button.
+-   `Mosaic`: fix thumbnail focus outline cropped by parent overflow.
 
 ## [3.7.5][] - 2024-07-25
 

diff --git a/packages/lumx-core/src/scss/components/mosaic/_index.scss b/packages/lumx-core/src/scss/components/mosaic/_index.scss
@@ -9,7 +9,6 @@
 
     position: relative;
     padding-top: map.get($lumx-thumbnail-aspect-ratio, "horizontal");
-    overflow: hidden;
 
     &__wrapper {
         position: absolute;
@@ -50,6 +49,10 @@
         flex-direction: column;
         margin: 1px;
 
+        &:has([data-focus-visible-added]) {
+            z-index: 1;
+        }
+
         #{$self}--has-1-thumbnail & {
             &:nth-child(1) {
                 grid-area: b;