make monaco editor respond to window resize

fix #3223
quickwit-oss · May 4, 2024 · 03f66ff · 03f66ff
1 parent b5e9bf2
commit 03f66ff
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/quickwit/quickwit-ui/src/components/QueryEditor/QueryEditor.tsx b/quickwit/quickwit-ui/src/components/QueryEditor/QueryEditor.tsx
@@ -55,6 +55,10 @@ export function QueryEditor(props: SearchComponentProps) {
         runSearchRef.current(searchRequestRef.current);
       },
     })
+    const resize = () => {
+      editor.layout({width: Math.max(window.innerWidth - (260+180+2*24), 200), height: 84});
+    }
+    window.addEventListener('resize', resize);
   }
 
   useEffect(() => {