[fix] 키보드 활성화 시 채팅방이 마지막 메시지 위치를 유지하지 못하는 문제 수정

[ff1451]

✨ 요약

- 채팅 스크롤 훅에서 메시지 리스트 컨테이너의 clientHeight 변화를 추적하도록 보강했습니다.
- 사용자가 원래 하단 근처에 있는 상태라면, 키보드 활성화로 컨테이너 높이가 바뀌어도 ResizeObserver를 통해 다시 하단으로 정렬되도록 수정했습니다.
- 메시지 추가뿐 아니라 viewport 높이 변화에도 마지막 메시지가 계속 보이도록 동작을 맞췄습니다.
- pnpm lint 검증을 완료했습니다.

😎 해결한 이슈

• close [fix] 키보드 활성화 시 채팅방이 마지막 메시지 위치를 유지하지 못하는 문제 수정 #237

[coderabbitai]

Warning

Rate limit exceeded

@ff1451 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 16 minutes and 46 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 16 minutes and 46 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: 9f23ca58-e8c5-4894-ab82-703420108448

📥 Commits

Reviewing files that changed from the base of the PR and between b75ced4 and 95931a2.

📒 Files selected for processing (1)

• src/pages/Chat/hooks/useChatRoomScroll.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 237-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

키보드(가상 키보드) 활성화로 인해 채팅 메시지 리스트 컨테이너 높이가 변할 때, 사용자가 원래 하단 근처에 있었다면 마지막 메시지 위치(하단 정렬)가 유지되도록 useChatRoomScroll 훅을 보강하는 PR입니다. 이 변경은 채팅방 스크롤 동작을 “메시지 추가/변경”뿐 아니라 “컨테이너 리사이즈”에도 일관되게 맞추는 데 목적이 있습니다.

Changes:

• 메시지 리스트 컨테이너의 clientHeight 변화를 추적하기 위한 previousClientHeightRef 추가
• ResizeObserver로 컨테이너 높이 변화 감지 시, 하단 근처 상태이면 scrollToBottom 재실행

---

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

[ff1451]

@CodeRabbit

[coderabbitai]

@ff1451 PR을 리뷰하겠습니다! 🐰

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[coderabbitai]

@ff1451 PR 리뷰를 시작하겠습니다! 🐰

---

🧠 Learnings used

Learnt from: CR
Repo: BCSDLab/KONECT_FRONT_END PR: 0
File: CLAUDE.md:0-0
Timestamp: 2026-03-06T03:16:20.846Z
Learning: Use commit message format: `type: 한국어 설명` with types: feat, fix, refactor, chore, docs, style, test

---

Learnt from: CR
Repo: BCSDLab/KONECT_FRONT_END PR: 0
File: AGENTS.md:0-0
Timestamp: 2026-03-06T03:16:38.776Z
Learning: Use commit message format: `type: 한국어 설명` with types: feat, fix, refactor, chore, docs, style, test

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.