Handle window resize for terminal textarea

This commit is contained in:
Saoud Rizwan
2024-09-02 02:19:07 -04:00
parent b2a6b4a9f0
commit 55a2466afe

View File

@@ -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),
}}