mirror of
https://github.com/OpenBMB/ChatDev.git
synced 2026-04-25 11:18:06 +00:00
fix(frontend): make fullscreen chat panel scrollable
This commit is contained in:
parent
75e889decf
commit
7cd1bf5da8
@ -2436,6 +2436,7 @@ watch(
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.chat-messages::-webkit-scrollbar {
|
||||
|
||||
12
openspec/changes/fix-fullscreen-chat-scroll/proposal.md
Normal file
12
openspec/changes/fix-fullscreen-chat-scroll/proposal.md
Normal file
@ -0,0 +1,12 @@
|
||||
# Change: Fix Fullscreen Chat Panel Scrolling
|
||||
|
||||
## Why
|
||||
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.
|
||||
|
||||
## What Changes
|
||||
- Fix CSS flexbox chain in `LaunchView.vue` so that `overflow-y: auto` on `.chat-messages` activates correctly in fullscreen mode
|
||||
- Add `min-height: 0` to intermediate flex containers (`.chat-panel-content` and `.chat-box`) to allow them to shrink below their content size
|
||||
|
||||
## Impact
|
||||
- Affected specs: chat-panel (new capability spec)
|
||||
- Affected code: `frontend/src/pages/LaunchView.vue` (CSS only, ~2–3 lines)
|
||||
@ -0,0 +1,14 @@
|
||||
## ADDED Requirements
|
||||
|
||||
### Requirement: Fullscreen Chat Scrolling
|
||||
The chat messages area SHALL be scrollable when the chat panel is in fullscreen mode and messages exceed the visible viewport height.
|
||||
|
||||
#### Scenario: Messages overflow in fullscreen chat
|
||||
- **WHEN** the chat panel is in fullscreen mode (`viewMode === 'chat'`)
|
||||
- **AND** the number of chat messages exceeds the visible area
|
||||
- **THEN** the `.chat-messages` container SHALL allow vertical scrolling via `overflow-y: auto`
|
||||
|
||||
#### Scenario: Scroll position preserved on new message
|
||||
- **WHEN** the user is scrolled to the bottom of the chat
|
||||
- **AND** a new message arrives
|
||||
- **THEN** the chat SHALL auto-scroll to show the latest message
|
||||
7
openspec/changes/fix-fullscreen-chat-scroll/tasks.md
Normal file
7
openspec/changes/fix-fullscreen-chat-scroll/tasks.md
Normal file
@ -0,0 +1,7 @@
|
||||
## 1. Implementation
|
||||
- [x] 1.1 Add `min-height: 0` to `.chat-panel-content` in `LaunchView.vue`
|
||||
- [x] 1.2 Add `min-height: 0` to `.chat-box` in `LaunchView.vue`
|
||||
|
||||
## 2. Verification
|
||||
- [x] 2.1 Run `openspec validate fix-fullscreen-chat-scroll --strict --no-interactive`
|
||||
- [ ] 2.2 Manual visual test: open app, verify fullscreen chat scrolls when messages overflow
|
||||
Loading…
x
Reference in New Issue
Block a user