annotation spaces

js/fix-annotation-spaces.js

@@ -1,28 +1,35 @@
 (function () {
-  // Guard against running multiple observers if the script is loaded more than once
   if (window.__miradorSpaceFixInitialized) return;
   window.__miradorSpaceFixInitialized = true;
 
   const observer = new MutationObserver((mutations) => {
-    // Target any third-party HTML content blocks in Mirador that haven't been cleaned yet
     const elements = document.querySelectorAll(
       ".mirador-third-party-html:not([data-fixed])"
     );
 
-    if (elements.length > 0) {
+    elements.forEach((el) => {
-      elements.forEach((el) => {
+      // Create a TreeWalker to find all text nodes inside this container
-        // Swap non-breaking spaces for normal breakable spaces
+      const walker = document.createTreeWalker(
-        el.innerHTML = el.innerHTML
+        el,
-          .replace(/ /g, " ")
+        NodeFilter.SHOW_TEXT,
-          .replace(/\u00A0/g, " ");
+        null,
+        false
+      );
+      let node;
 
-        // Mark element so we don't re-process it on subsequent mutations
+      while ((node = walker.nextNode())) {
-        el.setAttribute("data-fixed", "true");
+        // Replace both non-breaking space characters and entity text if present
-      });
+        if (node.nodeValue) {
-    }
+          node.nodeValue = node.nodeValue
+            .replace(/\u00A0/g, " ")
+            .replace(/ /g, " ");
+        }
+      }
+
+      el.setAttribute("data-fixed", "true");
+    });
   });
 
-  // Start observing the document body for dynamically added Mirador elements
   observer.observe(document.body, {
     childList: true,
     subtree: true,