Repository navigation
fix: 채팅방 목록이 많을 때 좌측 목록 스크롤 안 되던 문제 - #107
Merged
Merged
Conversation
yeunyeuna
commented
Sep 2, 2026
yeunyeuna
commented
Collaborator
- .route-view[data-route=chat]의 min-height: 660px 제거 → 짧은 화면에서 채팅 레이아웃이 뷰포트를 넘어가 하단 목록·스크롤바가 잘리던 원인
- 100vh → 100dvh (모바일 브라우저 UI 대응)
- .chat-layout에 align-items: stretch 추가 → 공유 규칙(.detail-layout 등)의 align-items: start가 상속돼 그리드 아이템이 셀 높이 대신 내용 높이로 부풀던 문제 차단 (이게 없으면 목록이 내부 스크롤을 못 가짐)
- .conversation-list / [data-room-list]를 flex 컬럼으로 전환하고 스크롤 컨테이너에 flex:1 + min-height:0 적용 (내부 스크롤 보장)
- scrollbar-gutter: stable + ::-webkit-scrollbar 스타일로 스크롤바 항상 노출
- .route-view[data-route=chat]의 min-height: 660px 제거 → 짧은 화면에서 채팅 레이아웃이 뷰포트를 넘어가 하단 목록·스크롤바가 잘리던 원인 - 100vh → 100dvh (모바일 브라우저 UI 대응) - .chat-layout에 align-items: stretch 추가 → 공유 규칙(.detail-layout 등)의 align-items: start가 상속돼 그리드 아이템이 셀 높이 대신 내용 높이로 부풀던 문제 차단 (이게 없으면 목록이 내부 스크롤을 못 가짐) - .conversation-list / [data-room-list]를 flex 컬럼으로 전환하고 스크롤 컨테이너에 flex:1 + min-height:0 적용 (내부 스크롤 보장) - scrollbar-gutter: stable + ::-webkit-scrollbar 스타일로 스크롤바 항상 노출 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.