diff --git a/src/components/Terminal/terminal.jsx b/src/components/Terminal/terminal.jsx index ec17e15e..6451e616 100644 --- a/src/components/Terminal/terminal.jsx +++ b/src/components/Terminal/terminal.jsx @@ -85,7 +85,7 @@ export default function ContainerTerminal(props) { } function onTerminalResize() { - window.addEventListener('resize', onResize()); + window.addEventListener('resize', resizeHandler); term.on('resize', resizeRemoteTerminal); } @@ -105,7 +105,8 @@ export default function ContainerTerminal(props) { } function removeResizeListener() { - window.removeEventListener('resize', onResize()); + window.removeEventListener('resize', resizeHandler); + resizeHandler.cancel(); } function disconnect() { @@ -118,7 +119,7 @@ export default function ContainerTerminal(props) { } } - const onResize = () => debounce(() => term.fit(), 800); + const resizeHandler = debounce(() => term.fit(), 800); const packStdin = (data) => JSON.stringify({ diff --git a/src/components/Terminal/xterm.css b/src/components/Terminal/xterm.css index b26ab721..dcc31179 100644 --- a/src/components/Terminal/xterm.css +++ b/src/components/Terminal/xterm.css @@ -85,19 +85,16 @@ left: 0; top: 0; bottom: 0; - max-width: 100%; } .xterm .xterm-screen { position: relative; - max-width: 100%; } .xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; - max-width: 100%; box-sizing: border-box; } @@ -145,7 +142,3 @@ .xterm-cursor-pointer { cursor: pointer; } - -.xterm-text-layer { - transform: translateY(3px); -}