Fix JS error on resize (#328)

dimodi · web-flow · commit f90b47b80c6f · 2025-05-14T18:06:38.000+03:00
diff --git a/sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/wwwroot/app.js b/sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/wwwroot/app.js
@@ -13,7 +13,15 @@ viewPortResizeObserver = {
     },
 
     addComponent: function(dotNetRef) {
-        if (viewPortResizeObserver.dotNetRefs.indexOf(dotNetRef) < 0) {
+        let shouldAddComponent = true;
+
+        viewPortResizeObserver.dotNetRefs.forEach(x => {
+            if (x._id == dotNetRef._id) {
+                shouldAddComponent = false;
+            }
+        });
+
+        if (shouldAddComponent) {
             viewPortResizeObserver.dotNetRefs.push(dotNetRef);
         }
     },
@@ -22,18 +30,16 @@ viewPortResizeObserver = {
         clearTimeout(viewPortResizeObserver.timeoutId);
 
         viewPortResizeObserver.timeoutId = window.setTimeout(function() {
-            viewPortResizeObserver.dotNetRefs.forEach((dotNetRef) => {
+            viewPortResizeObserver.dotNetRefs.forEach(dotNetRef => {
                 dotNetRef.invokeMethodAsync(viewPortResizeObserver.serverMethodName);
             });
         }, viewPortResizeObserver.resizeDebounceDelay);
     },
 
     removeComponent: function(dotNetRef) {
-        let idx = viewPortResizeObserver.dotNetRefs.indexOf(dotNetRef);
-
-        if (idx >= 0) {
-            viewPortResizeObserver.dotNetRefs.splice(idx, 1);
-        }
+        viewPortResizeObserver.dotNetRefs = viewPortResizeObserver.dotNetRefs.filter(x => {
+            return x._id != dotNetRef._id;
+        });
     },
 
     destroy() {
