megaproxy/tiletopia
1
0
Fork 0
Code Issues Pull requests Projects Releases 8 Packages Wiki Activity Actions

Lock titlebar + pane toolbar height to stop periodic xterm reflow

Browse source 
When the window or a pane was narrow, button text could wrap inside
flex items, growing the toolbar by ~16px. That shrank .pane-wrap →
ResizeObserver fired on every xterm → fit() reflowed text. Idle
detection toggling " · N idle" in the titlebar was enough to flap a
button across its wrap threshold every few seconds.

Lock both bars to fixed heights with white-space:nowrap, flex-shrink:0
on children, and overflow:hidden. Items that don't fit clip silently
instead of wrapping.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
megaproxy 2026-05-25 22:11:03 +01:00
parent d667e18c0c
commit e46446444e
2 changed files with 24 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/lib/layout/LeafPane.css
View file

@ -58,7 +58,17 @@
font-size: 11px;
color: #aaa;
user-select: none;
min-height: 24px;
height: 24px;
box-sizing: border-box;
/* Lock height: a narrow pane used to wrap toolbar items to 2+ rows,
which shrank the xterm beneath and reflowed the terminal. Clip
overflow instead of showing a scrollbar (which would itself eat
into the 24px and crush the buttons). */
white-space: nowrap;
overflow: hidden;
}
.pane-toolbar > * {
flex-shrink: 0;
}
.pane-label {
font: inherit;