pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 12:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Handle window resize for terminal textarea

Browse Source
This commit is contained in:
Saoud Rizwan
2024-09-02 02:19:07 -04:00
parent b2a6b4a9f0
commit 55a2466afe
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
webview-ui/src/components/Terminal.tsx
View File

@@ -100,7 +100,17 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
const resizeObserver = new ResizeObserver(updateSize) const resizeObserver = new ResizeObserver(updateSize)
resizeObserver.observe(textarea) 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(() => { useEffect(() => {
@@ -318,7 +328,6 @@ const Terminal: React.FC<TerminalProps> = ({ output, handleSendStdin, shouldAllo
position: "absolute", position: "absolute",
top: 0, top: 0,
left: 0, left: 0,
right: 0,
opacity: 0, opacity: 0,
...(textAreaStyle as any), ...(textAreaStyle as any),
}} }}