From a2e2e51b3984dc78e855c453feab281d8b434cc5 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Thu, 13 Nov 2025 13:19:43 +0000
Subject: [PATCH] fix: prevent UI from going blank when terminal panel is
 opened on macOS

- Changed ChatView from fixed positioning to absolute positioning
- Added proper height and positioning styles to body and #root elements
- Ensures webview content stays within container boundaries when terminal panel resizes the viewport

Fixes #9227
---
 webview-ui/src/components/chat/ChatView.tsx | 4 +---
 webview-ui/src/index.css                    | 8 ++++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatView.tsx b/webview-ui/src/components/chat/ChatView.tsx
index 9adf603ee4..1942423607 100644
--- a/webview-ui/src/components/chat/ChatView.tsx
+++ b/webview-ui/src/components/chat/ChatView.tsx
@@ -1355,9 +1355,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	const areButtonsVisible = showScrollToBottom || primaryButtonText || secondaryButtonText || isStreaming
 
 	return (
-		<div
-			data-testid="chat-view"
-			className={isHidden ? "hidden" : "fixed top-0 left-0 right-0 bottom-0 flex flex-col overflow-hidden"}>
+		<div data-testid="chat-view" className={isHidden ? "hidden" : "absolute inset-0 flex flex-col overflow-hidden"}>
 			{telemetrySetting === "unset" && <TelemetryBanner />}
 			{(showAnnouncement || showAnnouncementModal) && (
 				<Announcement
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index 46a84df0d6..5244b8b66b 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -231,6 +231,14 @@ html {
 body {
 	margin: 0;
 	line-height: 1.25;
+	height: 100%;
+	position: relative;
+	overflow: hidden;
+}
+
+#root {
+	height: 100%;
+	position: relative;
 }
 
 body.scrollable,