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
- Open the sidebar panel
- Open or switch to a terminal tab
- Run some commands to generate output
- Scroll up to view terminal history
- 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 */
}
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
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
Root Cause Analysis
The
.terminalWrapCSS class insidebar.module.css(lines 1806-1813) is missingoverflow: hidden, allowing the xterm.js terminal content to escape its container bounds when scrolling.Suggested Fix
Add
overflow: hiddento the.terminalWrapclass: