Skip to content

Terminal bottom content cut off on desktop Chrome #607

@ChimeraFlutter

Description

@ChimeraFlutter

Description

On desktop Chrome (macOS, full screen, 100% zoom), the terminal content is cut off at the bottom — the last few lines of output are not visible and cannot be scrolled to.

Steps to Reproduce

  1. Start VibeTunnel and open http://localhost:4020 in desktop Chrome
  2. Open a terminal session (e.g., zsh)
  3. Run commands that produce enough output to fill the screen
  4. Observe the bottom of the terminal — the last few lines are clipped

Expected Behavior

The terminal should fill the available viewport height and all content should be visible, including the last line and the cursor.

Root Cause

In web/src/client/components/session-view.ts, the desktop terminal area applies:

.terminal-area vibe-terminal {
  height: calc(100% + 50px) !important;
  margin-bottom: -50px !important;
}

This makes the terminal 50px taller than its container, but the parent .terminal-area has overflow: hidden, so the bottom ~50px of actual terminal content is clipped.

Environment

  • macOS (Apple Silicon)
  • Chrome, full screen, 100% zoom
  • VibeTunnel 1.0.0-beta.16 (source build)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions