shumengya/sproutclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tui): handle narrow terminal width in editor scroll indicator (#2103)

Browse Source
This commit is contained in:
xu0o0
2026-03-14 00:41:14 +08:00
committed by GitHub
parent f5b1084176
commit adce496f63
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/tui/src/components/editor.ts
View File

@@ -4,7 +4,7 @@ import { decodeKittyPrintable, matchesKey } from "../keys.js";
import { KillRing } from "../kill-ring.js"; import { KillRing } from "../kill-ring.js";
import { type Component, CURSOR_MARKER, type Focusable, type TUI } from "../tui.js"; import { type Component, CURSOR_MARKER, type Focusable, type TUI } from "../tui.js";
import { UndoStack } from "../undo-stack.js"; import { UndoStack } from "../undo-stack.js";
import { getSegmenter, isPunctuationChar, isWhitespaceChar, visibleWidth } from "../utils.js"; import { getSegmenter, isPunctuationChar, isWhitespaceChar, truncateToWidth, visibleWidth } from "../utils.js";
import { SelectList, type SelectListTheme } from "./select-list.js"; import { SelectList, type SelectListTheme } from "./select-list.js";
const segmenter = getSegmenter(); const segmenter = getSegmenter();
@@ -335,7 +335,11 @@ export class Editor implements Component, Focusable {
if (this.scrollOffset > 0) { if (this.scrollOffset > 0) {
const indicator = `─── ↑ ${this.scrollOffset} more `; const indicator = `─── ↑ ${this.scrollOffset} more `;
const remaining = width - visibleWidth(indicator); const remaining = width - visibleWidth(indicator);
result.push(this.borderColor(indicator + "─".repeat(Math.max(0, remaining)))); if (remaining >= 0) {
result.push(this.borderColor(indicator + "─".repeat(remaining)));
} else {
result.push(this.borderColor(truncateToWidth(indicator, width)));
}
} else { } else {
result.push(horizontal.repeat(width)); result.push(horizontal.repeat(width));
} }