[fix] 키보드 활성화 시 채팅 화면 전체가 흔들리는 문제 수정

[ff1451]

✨ 요약

- 채팅 화면에서 viewport 높이를 잠그는 동안 body 스크롤도 함께 잠그도록 수정했습니다.
- 가상 키보드 활성화 시 브라우저/웹뷰가 입력창을 보이게 하려고 페이지 전체를 패닝하는 동작을 줄이도록 조정했습니다.
- 이를 통해 헤더를 포함한 채팅 화면 전체가 위아래로 흔들리는 현상을 완화했습니다.
- pnpm lint 검증을 완료했습니다.

😎 해결한 이슈

• close [fix] 키보드 활성화 시 채팅 화면 전체가 흔들리는 문제 수정 #226

[coderabbitai]

Warning

Rate limit exceeded

@ff1451 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 7 minutes and 51 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 7 minutes and 51 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 18f3edde-2acd-4e07-a1e4-441582e0523c

📥 Commits

Reviewing files that changed from the base of the PR and between 448902c and ed8f123.

📒 Files selected for processing (1)

• src/utils/hooks/useViewportHeightLock.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 226-fix-키보드-활성화-시-채팅-화면-전체-흔들림-수정

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

채팅방에서 가상 키보드가 활성화될 때 브라우저/웹뷰가 페이지 전체를 패닝하면서 헤더 포함 화면이 흔들리는 현상을 완화하기 위해, 채팅방 마운트 동안 body 스크롤 및 문서 높이 동작을 조정하는 PR입니다. 전역으로 관리 중인 viewport CSS 변수(--viewport-height)를 활용해 Chat 화면에서만 레이아웃을 안정화하는 방향으로 정리되어 있습니다.

Changes:

• 채팅방 진입 시 body 스크롤을 잠그고 html/body 높이를 --viewport-height에 맞추는 useViewportHeightLock 훅 추가
• 기존 viewport/keyboard 관련 훅(useViewportHeight, useKeyboardHeight) 제거
• ChatRoom에서 신규 훅으로 교체 적용

Reviewed changes

Copilot reviewed 1 out of 1 changed files in this pull request and generated 1 comment.

File	Description
src/utils/hooks/useViewportHeightLock.ts	ChatRoom 마운트 동안 body overflow 및 html/body height를 viewport CSS var 기반으로 고정
src/utils/hooks/useViewportHeight.ts	(삭제) 기존 viewport/height 설정 훅 제거
src/utils/hooks/useKeyboardHeight.ts	(삭제) 기존 keyboard/viewport 리스너 훅 제거
src/pages/Chat/ChatRoom.tsx	기존 훅 호출을 useViewportHeightLock()으로 교체

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.