MWPW-155694 Dispatch sticky close event for dynamic chat

adobecom · Aug 26, 2024 · dccfc85 · dccfc85
1 parent d90dcc0
commit dccfc85
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/libs/blocks/aside/aside.js b/libs/blocks/aside/aside.js
@@ -96,6 +96,7 @@ function addCloseButton(el) {
   el.querySelector('.foreground').appendChild(closeBtn);
   closeBtn.addEventListener('click', (e) => {
     e.target.closest('.section').classList.add('close-sticky-section');
+    document.dispatchEvent(new CustomEvent('milo:sticky:closed'));
   });
 }
 

diff --git a/libs/blocks/notification/notification.js b/libs/blocks/notification/notification.js
@@ -84,7 +84,12 @@ function wrapCopy(foreground) {
 
 function decorateClose(el) {
   const btn = createTag('button', { 'aria-label': 'close', class: 'close' }, closeSvg);
-  btn.addEventListener('click', () => (el.style.display = 'none'));
+  btn.addEventListener('click', () => {
+    el.style.display = 'none';
+    el.closest('.section')?.classList.add('close-sticky-section');
+    document.dispatchEvent(new CustomEvent('milo:sticky:closed'));
+  });
+
   el.appendChild(btn);
 }
 

diff --git a/libs/blocks/section-metadata/section-metadata.css b/libs/blocks/section-metadata/section-metadata.css
@@ -201,7 +201,7 @@
 
 .section.sticky-bottom.promo-sticky-section {
   background: none;
-  z-index: 4;
+  z-index: 40000;
 }
 
 .section.sticky-bottom.popup {