Switch to working MutationObserver for responding to page updates

kroeschl · kroeschl · commit 5b4090662b61 · 2025-08-07T11:51:39.000-04:00
diff --git a/src/azdo-pr-dashboard.user.js b/src/azdo-pr-dashboard.user.js
@@ -155,7 +155,9 @@
     onPageUpdatedThrottled.flush();
 
     // Call our event handler if we notice new elements being inserted into the DOM. This happens as the page is loading or updating dynamically based on user activity.
-    $('body > div.full-size')[0].addEventListener('DOMNodeInserted', onPageUpdatedThrottled);
+    const targetNode = $('body > div.full-size')[0];
+    const observer = new MutationObserver(onPageUpdatedThrottled);
+    observer.observe(targetNode, {childList: true, subtree: true});
   }
 
   function watchForStatusCardAndMoveToRightSideBar(session) {

Original file line number	Diff line number	Diff line change
`@@ -155,7 +155,9 @@`
`155`	`155`	`onPageUpdatedThrottled.flush();`
`156`	`156`
`157`	`157`	`// Call our event handler if we notice new elements being inserted into the DOM. This happens as the page is loading or updating dynamically based on user activity.`
`158`		`- $('body > div.full-size')[0].addEventListener('DOMNodeInserted', onPageUpdatedThrottled);`
	`158`	`+ const targetNode = $('body > div.full-size')[0];`
	`159`	`+ const observer = new MutationObserver(onPageUpdatedThrottled);`
	`160`	`+ observer.observe(targetNode, {childList: true, subtree: true});`
`159`	`161`	`}`
`160`	`162`
`161`	`163`	`function watchForStatusCardAndMoveToRightSideBar(session) {`