Skip to content

[fix] 키보드 활성화 후 문서 루트 스크롤로 빈 공간이 남는 문제 수정 #231

@ff1451

Description

@ff1451

🐞 무슨 버그인가요?

채팅방에서 가상 키보드가 활성화된  문서 루트(html) 스크롤되면서, 화면이 위로 올라간 상태로 남고 하단에  공간이 생기는 현상이 발생합니다.



🧐 재현하는 법

  1. 채팅방 화면에 진입합니다.
  2. 메시지 입력창을 눌러 가상 키보드를 활성화합니다.
  3. 키보드가 올라온 뒤 헤더가 사라지거나 화면이 위로 치우친 채 빈 공간이 남는지 확인합니다.
  4. 직접 스크롤해야 원래 위치로 돌아오는지 확인합니다.



😎 예상 동작

키보드 활성화 중에도 문서 루트가 스크롤되지 않아야 하며, 헤더와 레이아웃 토대는 고정된  채팅 영역만 자연스럽게 재배치되어야 합니다.



🌄 관련 사진

  • 화면 기록 2026-03-27 오후 10.14.56.mov



🦋 추가적인 내용

채팅 화면 마운트 동안 body뿐 아니라 html(documentElement) 함께 overflow hidden 처리해 문서 루트 스크롤 자체를 막는 방향으로 수정합니다.



Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions