Do not replace newlines inside of pre blocks (#4498) Fixes #4475

9a5235efcd41db249ec083ebdba735c89f940f23

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed

public/scripts/chats.js+28 -1 Viewed

         // Replace line breaks with <br> in unknown elements
         if (node instanceof HTMLUnknownElement) {
-            node.innerHTML = node.innerHTML.trim().replaceAll('\n', '<br>');
+            node.innerHTML = node.innerHTML.trim();
+            /** @type {Text[]} */
+            const candidates = [];
+            const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT);
+            while (walker.nextNode()) {
+                const textNode = /** @type {Text} */ (walker.currentNode);
+                if (!textNode.data.includes('\n')) continue;
+                // Skip if this text node is within a <pre> (any ancestor)
+                if (textNode.parentElement && textNode.parentElement.closest('pre')) continue;
+                candidates.push(textNode);
+            }
+            for (const textNode of candidates) {
+                const parts = textNode.data.split('\n');
+                const frag = document.createDocumentFragment();
+                parts.forEach((part, idx) => {
+                    if (part.length) {
+                        frag.appendChild(document.createTextNode(part));
+                    }
+                    if (idx < parts.length - 1) {
+                        frag.appendChild(document.createElement('br'));
+                    }
+                });
+                textNode.replaceWith(frag);
+            }
+        }
         const isMediaAllowed = isExternalMediaAllowed();