Ticket #46260: 46260.2.diff

src/js/_enqueues/lib/comment-reply.js

@@ -40 +40 @@
         // The respond element.
         var respondElement;
 
+        // The mutation observer.
+        var observer;
+
         // Initialise the events.
         init();
 
+        // Set up a MutationObserver to check for comments loaded late.
+        observeChanges();
+
         /**
          * Add events to links classed .comment-reply-link.
          *
@@ -164 +170 @@
                 }
         }
 
+        /**
+         * Creates a mutation observer to check for newly inserted comments.
+         */
+        function observeChanges() {
+                var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+                var observerOptions = {
+                        characterData: false,
+                        childList: true,
+                        subTree: true,
+                };
+
+                if ( ! MutationObserver ) {
+                        return;
+                }
+
+                observer = new MutationObserver( handleChanges );
+                observer.observe( document.body, observerOptions );
+        }
+
+        /**
+         * Handles DOM changes, passing added nodes to init().
+         *
+         * @since 5.1.0
+         *
+         * @param {MutationRecord} mutations Object containing changes to the DOM document.
+         */
+        function handleChanges( mutations ) {
+                init( mutations.addedNodes );
+        }
+
         /**
          * Backward compatible getter of data-* attribute.
          *