Reposition on window resize

src/contents/index.tsx

@@ -291,6 +291,7 @@ const SummaryPopup = () => {
   })
 
   // Dismiss on scroll (the popup doesn't move with the page)
+  // Dismiss on clicking outside
   useEffect(() => {
     const callback = async (event: { target: Element }) => {
       if (event.target.tagName !== "PLASMO-CSUI") {
@@ -299,24 +300,26 @@ const SummaryPopup = () => {
     }
     // @ts-ignore ts(2769)
     window.addEventListener("scroll", callback)
+    // @ts-ignore ts(2769)
+    document.addEventListener("click", callback)
     return () => {
       // @ts-ignore ts(2769)
       window.removeEventListener("scroll", callback)
+      // @ts-ignore ts(2769)
+      document.removeEventListener("click", callback)
     }
   })
 
-  // Dismiss on clicking outside
+  // Reposition on window resize
   useEffect(() => {
-    const callback = async (event: { target: Element }) => {
-      if (event.target.tagName !== "PLASMO-CSUI") {
-        closePopup()
+    const callback = async () => {
+      if (popupTarget) {
+        movePopup(popupTarget)
       }
     }
-    // @ts-ignore ts(2769)
-    document.addEventListener("click", callback)
+    window.addEventListener("resize", callback)
     return () => {
-      // @ts-ignore ts(2769)
-      document.removeEventListener("click", callback)
+      window.removeEventListener("resize", callback)
     }
   })