From 55a2466afebfc6a8473c1bd6aaefa1b1723c948b Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Mon, 2 Sep 2024 02:19:07 -0400
Subject: [PATCH] Handle window resize for terminal textarea

---
 webview-ui/src/components/Terminal.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/Terminal.tsx b/webview-ui/src/components/Terminal.tsx
index 0b0000b..d8abe10 100644
--- a/webview-ui/src/components/Terminal.tsx
+++ b/webview-ui/src/components/Terminal.tsx
@@ -100,7 +100,17 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
 		const resizeObserver = new ResizeObserver(updateSize)
 		resizeObserver.observe(textarea)
 
-		return () => resizeObserver.disconnect()
+		// Add window resize event listener
+		const handleWindowResize = () => {
+			hiddenTextarea.style.width = `${textarea.clientWidth}px`
+			updateSize()
+		}
+		window.addEventListener("resize", handleWindowResize)
+
+		return () => {
+			resizeObserver.disconnect()
+			window.removeEventListener("resize", handleWindowResize)
+		}
 	}, [])
 
 	useEffect(() => {
@@ -318,7 +328,6 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
 					position: "absolute",
 					top: 0,
 					left: 0,
-					right: 0,
 					opacity: 0,
 					...(textAreaStyle as any),
 				}}