Skip to content

Terminal content overlaps when scrolling up to view history #511

Description

@Amengclass

Bug Description

When scrolling up in the terminal to view history, the terminal content overlaps with other panel content, making the output unreadable. Multiple layers of terminal output are visible simultaneously, causing text to stack on top of each other.

Steps to Reproduce

  1. Open the sidebar panel
  2. Open or switch to a terminal tab
  3. Run some commands to generate output
  4. Scroll up to view terminal history
  5. Observe that terminal content overlaps and becomes garbled

Expected Behavior

Terminal history should scroll smoothly within its container without overlapping with other content.

Actual Behavior

Terminal content renders on top of other panel elements, creating overlapping text that is unreadable.

Environment

  • DSH Version: 0.1.1-rc.2
  • Plugin Version: dsh-better-sidebar v0.15.2
  • OS: Windows

Root Cause Analysis

The .terminalWrap CSS class in sidebar.module.css (lines 1806-1813) is missing overflow: hidden, allowing the xterm.js terminal content to escape its container bounds when scrolling.

Suggested Fix

Add overflow: hidden to the .terminalWrap class:

.terminalWrap {
  flex: 1;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--dsw-alias-bg-base);
  overflow: hidden; /* Add this line */
}

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3低:体验/建议area/terminalTerminal tabs, PTY, font fallbackbugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions