Fix dashboard terminal content clipped at bottom

Author: jestersimpps

src/renderer/components/dashboard/DashboardTerminal.tsx

@@ -20,21 +20,25 @@ export function DashboardTerminal({ tabId }: DashboardTerminalProps): React.Reac
 
     const originalParent = termEl.parentElement
 
+    const origWidth = termEl.offsetWidth
+    const origHeight = termEl.offsetHeight
+
+    termEl.style.width = `${origWidth}px`
+    termEl.style.height = `${origHeight}px`
+
     container.appendChild(termEl)
     entry.terminal.scrollToBottom()
 
     const viewport = termEl.querySelector('.xterm-viewport') as HTMLElement | null
     const prevOverflow = viewport?.style.overflowY ?? ''
     if (viewport) viewport.style.overflowY = 'hidden'
 
-    const termWidth = termEl.offsetWidth
-    const termHeight = termEl.offsetHeight
     const containerWidth = container.clientWidth
     const containerHeight = container.clientHeight
 
-    if (termWidth > 0 && termHeight > 0 && containerWidth > 0 && containerHeight > 0) {
-      const scaleX = containerWidth / termWidth
-      const scaleY = containerHeight / termHeight
+    if (origWidth > 0 && origHeight > 0 && containerWidth > 0 && containerHeight > 0) {
+      const scaleX = containerWidth / origWidth
+      const scaleY = containerHeight / origHeight
       const scale = Math.min(scaleX, scaleY)
       termEl.style.transform = `scale(${scale})`
       termEl.style.transformOrigin = 'top left'
@@ -44,6 +48,8 @@ export function DashboardTerminal({ tabId }: DashboardTerminalProps): React.Reac
       if (viewport) viewport.style.overflowY = prevOverflow
       termEl.style.transform = ''
       termEl.style.transformOrigin = ''
+      termEl.style.width = ''
+      termEl.style.height = ''
       if (originalParent) {
         originalParent.appendChild(termEl)
       }