optimized the experience mosaic reveal

Esri · Feb 10, 2025 · 527e29b · 527e29b
1 parent 4e2b038
commit 527e29b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/eds/blocks/mosaic-reveal/mosaic-reveal.css b/eds/blocks/mosaic-reveal/mosaic-reveal.css
@@ -64,7 +64,7 @@
   display: flex;
   flex-direction: column;
   inline-size: 100%;
-  inset-block-start: 0;
+  inset-block-end: 0;
   inset-inline-start: 0;
   justify-content: center;
   opacity: 1;
@@ -101,14 +101,14 @@
 }
 
 .mosaic-reveal .mosaic-reveal-content[aria-hidden="true"] {
-  inset-block-start: 100%;
+  block-size: 0;
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
 }
 
 .mosaic-reveal > div { /* stylelint-disable-line no-descending-specificity */
-  overflow: hidden;
+  overflow: unset;
   position: relative;
 }
 

diff --git a/eds/blocks/mosaic-reveal/mosaic-reveal.js b/eds/blocks/mosaic-reveal/mosaic-reveal.js
@@ -86,7 +86,6 @@ export default function decorate(block) {
       child.dispatchEvent(event);
     });
   });
-  block.appendChild(revealContent);
 
   block.querySelectorAll('.mosaic-reveal-content').forEach((content) => {
     content.insertBefore(div({ class: 'content-bg' }), content.firstChild);