debug resizeobserver

sctg-development · Nov 6, 2024 · ea3e36e · ea3e36e
1 parent 3e1d2f4
commit ea3e36e
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 21 deletions.
diff --git a/src/aipane/components/Aipane.tsx b/src/aipane/components/Aipane.tsx
@@ -219,12 +219,13 @@ const Aipane: React.FC<AipaneProps> = (props: AipaneProps): React.JSX.Element =>
         console.error("ResizeObserver loop error in Aipane");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (

diff --git a/src/aipane/components/Header.tsx b/src/aipane/components/Header.tsx
@@ -39,12 +39,13 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
         console.error("ResizeObserver loop error in Header");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (

diff --git a/src/aipane/components/HeroApiKey.tsx b/src/aipane/components/HeroApiKey.tsx
@@ -40,12 +40,13 @@ const HeroApiKey: React.FC<HeroApiKeyProps> = ({ apiKey, onApiKeyChange, onApiKe
         console.error("ResizeObserver loop error in HeroApiKey");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (

diff --git a/src/aipane/components/HeroComboPrompts.tsx b/src/aipane/components/HeroComboPrompts.tsx
@@ -93,12 +93,13 @@ const HeroComboPrompts: React.FC<HeroComboPromptsProps> = ({ onChange, standalon
         console.error("ResizeObserver loop error in HeroComboPrompts");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (

diff --git a/src/aipane/components/HeroModels.tsx b/src/aipane/components/HeroModels.tsx
@@ -54,12 +54,13 @@ const HeroModels: React.FC<HeroModelsProps> = ({ onChange, provider }) => {
         console.error("ResizeObserver loop error in HeroModels");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (

diff --git a/src/aipane/components/HeroProviders.tsx b/src/aipane/components/HeroProviders.tsx
@@ -44,12 +44,13 @@ const HeroProviders: React.FC<HeroProvidersProps> = ({ onChange }) => {
         console.error("ResizeObserver loop error in HeroProviders");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   const handleChange = React.useCallback(

diff --git a/src/aipane/components/TextInsertion.tsx b/src/aipane/components/TextInsertion.tsx
@@ -150,12 +150,13 @@ const TextInsertion: React.FC<TextInsertionProps> = (props: TextInsertionProps):
         console.error("ResizeObserver loop error in TextInsertion");
         e.stopImmediatePropagation();
         e.stopPropagation();
+        e.preventDefault();
       }
     };
     window.addEventListener("error", resizeObserverErr);
-    return () => {
-      window.removeEventListener("error", resizeObserverErr);
-    };
+    // return () => {
+    //   window.removeEventListener("error", resizeObserverErr);
+    // };
   }, []);
 
   return (