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>');
++
 +            /** @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();