From 1bf43708150e326bfe2dd12b8b0a649b1e621212 Mon Sep 17 00:00:00 2001
From: Kurt Hutten <kurt@kurthutten.com>
Date: Sun, 21 Mar 2021 16:06:30 +1100
Subject: [PATCH] Update view on window resize

---
 web/src/components/IdeContainer/IdeContainer.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/web/src/components/IdeContainer/IdeContainer.js b/web/src/components/IdeContainer/IdeContainer.js
index 4100e09..e61b426 100644
--- a/web/src/components/IdeContainer/IdeContainer.js
+++ b/web/src/components/IdeContainer/IdeContainer.js
@@ -15,6 +15,7 @@ const ELEMENT_MAP = {
 const IdeContainer = () => {
   const { state, dispatch } = useContext(IdeContext)
   const viewerDOM = useRef(null)
+  const debounceTimeoutId = useRef
 
   useEffect(handleViewerSizeUpdate, [viewerDOM])
 
@@ -31,6 +32,20 @@ const IdeContainer = () => {
     }
   }
 
+  const debouncedViewerSizeUpdate = () => {
+    clearTimeout(debounceTimeoutId.current)
+    debounceTimeoutId.current = setTimeout(() => {
+      handleViewerSizeUpdate()
+    }, 1000)
+  }
+
+  useEffect(() => {
+    window.addEventListener('resize', debouncedViewerSizeUpdate)
+    return () => {
+      window.removeEventListener('resize', debouncedViewerSizeUpdate)
+    }
+  }, [])
+
   return (
     <div id="cadhub-ide" className="flex-auto h-full">
       <Mosaic