update accordion.

anchoraorg · Aug 8, 2024 · 6d9d05d · 6d9d05d
1 parent e078138
commit 6d9d05d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/blocks/accordion-item/accordion-item.css b/blocks/accordion-item/accordion-item.css
diff --git a/blocks/accordion-item/accordion-item.js b/blocks/accordion-item/accordion-item.js
diff --git a/blocks/accordion/accordion.js b/blocks/accordion/accordion.js
@@ -4,16 +4,26 @@
  * https://www.hlx.live/developer/block-collection/accordion
  */
 
+function hasWrapper(el) {
+  return !!el.firstElementChild && window.getComputedStyle(el.firstElementChild).display === 'block';
+}
+
 export default function decorate(block) {
   [...block.children].forEach((row) => {
     // decorate accordion item label
     const label = row.children[0];
     const summary = document.createElement('summary');
     summary.className = 'accordion-item-label';
     summary.append(...label.childNodes);
+    if (!hasWrapper(summary)) {
+      summary.innerHTML = `<p>${summary.innerHTML}</p>`;
+    }
     // decorate accordion item body
     const body = row.children[1];
     body.className = 'accordion-item-body';
+    if (!hasWrapper(body)) {
+      body.innerHTML = `<p>${body.innerHTML}</p>`;
+    }
     // decorate accordion item
     const details = document.createElement('details');
     details.className = 'accordion-item';