MWPW-157888 - Hero marquee w/ no-min-height and no l/r padding when using a full-width variant in masonry(repost)

libs/blocks/hero-marquee/hero-marquee.css

@@ -17,6 +17,7 @@
   align-items: center;
 }
 
+.hero-marquee.no-min-height { min-height: unset;}
 .hero-marquee.s-min-height { min-height: var(--s-min-height); }
 .hero-marquee.l-min-height { min-height: var(--l-min-height); }
 
@@ -150,6 +151,11 @@ html[dir="rtl"] .hero-marquee .foreground {
   display: none;
 }
 
+div[class*='-up'] .hero-marquee.has-bg.grid-full-width { 
+  padding-left: 0;
+  padding-right: 0;
+}
+
 /* Row Types */
 .hero-marquee .row-list {
   text-align: left;

libs/blocks/hero-marquee/hero-marquee.js

@@ -122,6 +122,7 @@
     button.classList.add('button-xl', 'button-justified-mobile');
   });
 }
+
 function parseKeyString(str) {
   const regex = /^(\w+)\s*\((.*)\)$/;
   const match = str.match(regex);
@@ -132,6 +133,21 @@
   return result;
 }
 
+function isElementEmpty(element) {
+  for (const node of element.childNodes) {
+    if (node.nodeType === Node.TEXT_NODE && !node.nodeValue.trim()) {
+      element.removeChild(node);
+    }
+  }
+  if (element.childNodes.length === 0) return true;
+  for (const child of element.children) {
+    if (child.hasChildNodes()) {
+      return false;
+    }
+  }
+  return true;
+}
+
 async function loadContentType(el, key, classes) {
   if (classes !== undefined && classes.length) el.classList.add(...classes);
   switch (key) {
@@ -164,14 +180,16 @@
 export default async function init(el) {
   el.classList.add('con-block');
   let rows = el.querySelectorAll(':scope > div');
-  if (rows.length > 1 && rows[0].textContent !== '') {
+  if (rows.length <= 1) return;
+  const [head, ...tail] = rows;
+  rows = tail;
+  if (isElementEmpty(head)) {
+    head.remove();
+  } else {
     el.classList.add('has-bg');
-    const [head, ...tail] = rows;
     handleObjectFit(head);
     decorateBlockBg(el, head, { useHandleFocalpoint: true });
-    rows = tail;
   }
-
   // get first row that's not a keyword key/value row
   const mainRowIndex = rows.findIndex((row) => {
     const firstColText = row.children[0].textContent.toLowerCase().trim();