Fixes "Serial console interferes with scroll bar" #989 (#1396)

* Fixes #989 * Removed now that canvas renderer is an addon
oxidecomputer · Mar 13, 2023 · ddd8a45 · ddd8a45 · vercel · Mar 13, 2023
1 parent 211a7d8
commit ddd8a45
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/app/components/Terminal.tsx b/app/components/Terminal.tsx
@@ -14,7 +14,6 @@ interface TerminalProps {
 const options: ITerminalOptions = {
   allowTransparency: false,
   screenReaderMode: true,
-  rendererType: 'dom',
   fontFamily: '"GT America Mono", monospace',
   fontSize: 13,
   lineHeight: 1.2,
@@ -86,7 +85,7 @@ export const Terminal = ({ data }: TerminalProps) => {
 
   return (
     <>
-      <div className="h-full w-full pr-12" ref={terminalRef} />
+      <div className="h-full w-[calc(100%-3rem)]" ref={terminalRef} />
       <div className="absolute right-0 top-0 space-y-2 text-secondary">
         <ScrollButton onClick={() => term?.scrollToTop()}>
           <DirectionUpIcon />

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -64,8 +64,8 @@
     "tslib": "^2.5.0",
     "tunnel-rat": "^0.0.4",
     "uuid": "^8.3.2",
-    "xterm": "^4.18.0",
-    "xterm-addon-fit": "^0.5.0",
+    "xterm": "^5.1.0",
+    "xterm-addon-fit": "^0.7.0",
     "zod": "^3.19.1",
     "zustand": "^4.0.0"
   },