feat(pjax): preserve footer while replacing tail content during navigation

Signed-off-by: wangsimiao1 <wangsimiao1@xiaomi.com>

Author: WangSimiao2000

_javascript/modules/layouts/pjax.js

@@ -130,6 +130,22 @@ async function navigate(url, pushState = true) {
       panel.innerHTML = newPanel.innerHTML;
     }
 
+    // Replace tail content (comments etc.) but preserve footer
+    const tail = container.querySelector('#tail-wrapper');
+    const newTail = newContainer.querySelector('#tail-wrapper');
+    if (tail && newTail) {
+      const footer = tail.querySelector('footer');
+      const newChildren = [...newTail.childNodes].filter(
+        (n) => n.nodeName !== 'FOOTER'
+      );
+      [...tail.childNodes]
+        .filter((n) => n.nodeName !== 'FOOTER')
+        .forEach((n) => n.remove());
+      if (footer) {
+        newChildren.forEach((n) => tail.insertBefore(n.cloneNode(true), footer));
+      }
+    }
+
     // Update title
     document.title = doc.title;