Files

T

Developer ac9f7a9299 fix: prevent terminal container from overflowing page on desktop

The desktop terminal page sometimes grew an outer scrollbar because the
terminal instance/wrapper/container chain lacked height constraints.
Without min/max-height enforcement, xterm.js's internal viewport could
expand its parent flex/grid track past the available space.

- Add overflow: hidden to .terminal-page.
- Add max-height: 100% and overflow: hidden to .terminal-instance.
- Add max-height: 100% to .terminal-wrapper.
- Add min-height: 0 to .terminal-container.
- Constrain .xterm-viewport to max-height/width 100% so it fills but
  never exceeds its container.

Quality gates: npm run typecheck, npm run lint, npm test -- --run (87 passed).

Refs: openspec/changes/fix-terminal-container-overflow

2026-06-14 09:07:43 +00:00

1.0 KiB

Raw Blame History

apps/web (index)

dir: apps/web

role

Frontend web application providing a browser-based UI with code editing, terminal, and routing capabilities for the "headquarter" project.

parent

index: apps/.pi-map.index.md map: apps/.pi-map.md

children

apps/web/.pi-lens index: apps/web/.pi-lens/.pi-map.index.md map: apps/web/.pi-lens/.pi-map.md
apps/web/public index: apps/web/public/.pi-map.index.md map: apps/web/public/.pi-map.md
apps/web/src index: apps/web/src/.pi-map.index.md map: apps/web/src/.pi-map.md

files

.env.example
.eslintrc.cjs
Dockerfile
index.html
nginx.conf
package-lock.json
package.json
tsconfig.json
vite.config.ts

links

index: apps/web/.pi-map.index.md map: apps/web/.pi-map.md

workflows

change web behavior read: .env.example, .eslintrc.cjs, Dockerfile
change web config read: package-lock.json, package.json, tsconfig.json
explore web subdirectories index: apps/web/.pi-lens/.pi-map.index.md, apps/web/public/.pi-map.index.md, apps/web/src/.pi-map.index.md

1.0 KiB Raw Blame History