From f0e0803ced871be956d0d7fb9160b2fd6a442d8c Mon Sep 17 00:00:00 2001
From: Graham Knop <haarg@haarg.org>
Date: Mon, 4 Nov 2024 23:55:34 +0100
Subject: [PATCH] pod2html: fix rendering in chrome

Elements that are part of a DocumentFragment don't seem to have a
working outerHTML property in Chrome.
---
 root/static/js/pod2html.mjs | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/root/static/js/pod2html.mjs b/root/static/js/pod2html.mjs
index d9065217cf..aef3b23ee1 100644
--- a/root/static/js/pod2html.mjs
+++ b/root/static/js/pod2html.mjs
@@ -14,6 +14,11 @@ if (pod2htmlForm) {
     const error = document.querySelector('#metacpan-pod-renderer-error');
     const template = document.querySelector('#metacpan-pod-renderer-content');
 
+    const parseHTML = (html) => {
+        const template = document.createElement('template');
+        template.innerHTML = html;
+        return template.content;
+    };
     const updateHTML = async (pod) => {
         if (!pod) {
             pod = textInput.value;
@@ -47,8 +52,9 @@ if (pod2htmlForm) {
             document.title = "Pod Renderer - " + data.pod_title + " - metacpan.org";
 
             const body = template.content.cloneNode(true);
-            body.querySelector('.toc-body').outerHTML = data.pod_index;
-            body.querySelector('.pod-body').outerHTML = data.pod_html;
+            body.querySelector('.toc-body').replaceWith(parseHTML(data.pod_index));
+            body.querySelector('.pod-body').replaceWith(parseHTML(data.pod_html));
+
             rendered.replaceChildren(body);
 
             formatTOC(rendered.querySelector('nav'));