fix: close button autofocus instead of input on open modal

AfterClass-io / afterclass.io-v2

[alpha] https://new.afterclass.io

https://afterclass-io-v2-git-main-afterclass.vercel.app/

MIT License

6 stars 2 forks source link

fix: close button autofocus instead of input on open modal #149

Closed davidlhw closed 4 months ago

davidlhw commented 4 months ago

context

When a radix-ui modal is opened, it auto focuses the first thing in content. See https://github.com/radix-ui/primitives/blob/main/packages/react/focus-scope/src/FocusScope.tsx

Currently, the first element in content is the close button so it'll focus on that instead of the input element

This change is meant to fix that behavior and have the input component be focused on instead

change

swap order of content children so that input component comes first

vercel[bot] commented 4 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
afterclass-io-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 1, 2024 10:12am