feature: 모달 오픈시 첫번째 input에 focus

[goodaseul]

feature: 모달 오픈시 첫번째 input에 focus

Summary by CodeRabbit

• New Features
  • Added autoFocus support to the Input component, enabling automatic focus on the first input field in modals for improved user experience.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
stack-plus	Ready	Preview, Comment	Feb 23, 2026 4:09am

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

The changes add an optional autoFocus prop to the Input component and propagate it to the underlying input element. The modal body is updated to apply autoFocus to its first field, enabling automatic focus on render. A trailing comma is added to the updateField signature for formatting consistency.

Changes

Cohort / File(s)	Summary
Input Component Enhancement src/components/input/Input.tsx	Added optional autoFocus boolean prop to InputProps and propagated it to the underlying <input> element via autoFocus={autoFocus}.
Modal Body Implementation src/app/(protected)/_components/modal/word/ModalBody.tsx	Applied the new autoFocus prop to the first Input instance in the modal body; added trailing comma to updateField signature for formatting.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 Hop along, dear input field!
With autoFocus, thy purpose revealed,
The first form shall glow with pride,
No click required—focus arrives inside!
A small change, yet sweet,
Makes user flows complete! ✨

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch dev

Tip

Issue Planner is now in beta. Read the docs and try it out! Share your feedback on Discord.

---

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.}