bugfix: ordering of stores

hlxsites · Feb 12, 2025 · 3ba014c · 3ba014c
1 parent 20c473b
commit 3ba014c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -33,6 +33,10 @@ footer .footer p {
     list-style-position: inside;
 }
 
+.storeview-selection > li {
+    margin-bottom: var(--spacing-small);
+}
+
 .storeview-multiple-stores > ul {
     position: relative;
     width: 100%;

diff --git a/blocks/footer/footer.js b/blocks/footer/footer.js
@@ -132,8 +132,10 @@ export default async function decorate(block) {
       if (storeRegion.children.length <= 1) {
         li.classList.add('storeview-single-store');
         const ulParent = li.closest('ul');
-        ulParent.removeChild(li);
-        ulParent.appendChild(storeRegion.firstElementChild).className = 'storeview-single-store';
+        const replacedChild = (storeRegion.firstElementChild);
+        replacedChild.className = 'storeview-single-store';
+
+        ulParent.replaceChild(replacedChild, li);
         ulParent.setAttribute('tabindex', '0');
       } else {
         li.classList.add('storeview-multiple-stores');