trigger window resize event when elements resize

workaround for MakieOrg/Makie.jl#4827

Author: hexaeder

NetworkDynamicsInspector/src/NetworkDynamicsInspector.jl

@@ -179,12 +179,11 @@ function start_server!(restart=true)
             styleTag.innerHTML = `.resize-with-gp { width: ${graphplotWidth} !important; }`;
 
             // Manually trigger the resize event on the window
-            // const resizeEvent = new Event('resize');
-            // window.dispatchEvent(resizeEvent);
+            window.dispatchEvent(new Event('resize'));
         };
 
         // Use ResizeObserver for live resizing feedback
-        const updateResizeWithGpWidth_throttled = Bonito.throttle_function(updateResizeWithGpWidth, 10);
+        const updateResizeWithGpWidth_throttled = Bonito.throttle_function(updateResizeWithGpWidth, 100);
         const resizeObserver = new ResizeObserver(updateResizeWithGpWidth_throttled);
         resizeObserver.observe(graphplotCard);
 

NetworkDynamicsInspector/src/timeseries.jl

@@ -361,6 +361,14 @@ function timeseries_card(app, key, session)
             // Add "active-tseries" to the given target element
             card.classList.add("active-tseries");
         }, { capture: true });
+
+
+        function triggerWindowResize() {
+            window.dispatchEvent(new Event('resize'));
+        }
+        const triggerWindowResize_throttled = Bonito.throttle_function(triggerWindowResize, 100);
+        const resizeObserver = new ResizeObserver(triggerWindowResize_throttled);
+        resizeObserver.observe(card);
     }
     """
     Bonito.onload(session, card, onload_js)