Skip to content

Commit 7cd1bf5

Browse files
committed
fix(frontend): make fullscreen chat panel scrollable
1 parent 75e889d commit 7cd1bf5

4 files changed

Lines changed: 34 additions & 0 deletions

File tree

frontend/src/pages/LaunchView.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2436,6 +2436,7 @@ watch(
24362436
overflow: hidden;
24372437
display: flex;
24382438
flex-direction: column;
2439+
min-height: 0;
24392440
}
24402441
24412442
.chat-messages::-webkit-scrollbar {
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# Change: Fix Fullscreen Chat Panel Scrolling
2+
3+
## Why
4+
After the persistent chat panel refactoring (commits `5525813` and `d796015`), the fullscreen chat mode is no longer scrollable. When the chat panel is in fullscreen mode (`viewMode === 'chat'`), messages accumulate but users cannot scroll through them.
5+
6+
## What Changes
7+
- Fix CSS flexbox chain in `LaunchView.vue` so that `overflow-y: auto` on `.chat-messages` activates correctly in fullscreen mode
8+
- Add `min-height: 0` to intermediate flex containers (`.chat-panel-content` and `.chat-box`) to allow them to shrink below their content size
9+
10+
## Impact
11+
- Affected specs: chat-panel (new capability spec)
12+
- Affected code: `frontend/src/pages/LaunchView.vue` (CSS only, ~2–3 lines)
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
## ADDED Requirements
2+
3+
### Requirement: Fullscreen Chat Scrolling
4+
The chat messages area SHALL be scrollable when the chat panel is in fullscreen mode and messages exceed the visible viewport height.
5+
6+
#### Scenario: Messages overflow in fullscreen chat
7+
- **WHEN** the chat panel is in fullscreen mode (`viewMode === 'chat'`)
8+
- **AND** the number of chat messages exceeds the visible area
9+
- **THEN** the `.chat-messages` container SHALL allow vertical scrolling via `overflow-y: auto`
10+
11+
#### Scenario: Scroll position preserved on new message
12+
- **WHEN** the user is scrolled to the bottom of the chat
13+
- **AND** a new message arrives
14+
- **THEN** the chat SHALL auto-scroll to show the latest message
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
## 1. Implementation
2+
- [x] 1.1 Add `min-height: 0` to `.chat-panel-content` in `LaunchView.vue`
3+
- [x] 1.2 Add `min-height: 0` to `.chat-box` in `LaunchView.vue`
4+
5+
## 2. Verification
6+
- [x] 2.1 Run `openspec validate fix-fullscreen-chat-scroll --strict --no-interactive`
7+
- [ ] 2.2 Manual visual test: open app, verify fullscreen chat scrolls when messages overflow

0 commit comments

Comments
 (0)