Disable auto focus on dialog open

[kylerphillips]

I'm using the default Dialog component with input fields from the shadcn docs.

I wanted to know if it's possible to disable the auto focus on inputs when the dialog opens?

[riculum]

The same question arises for the Sheet component 👍

[SoyDiego]

Maybe I'm wrong but I think is necessary for Accessibility.

[riculum]

Maybe but then it should be possible to change the first focus element

[PiotrWarzachowski]

I wanted to contribute a bit by making this open source project, where I used shadcn , you can contribute and customize some objects if you want, here is my repo : https://github.com/PiotrWarzachowski/DocMind Feel free to check it out, its public on vercel. You can leave a star ⭐ if you want 💓. Have a good year

[HereOrCode]

[JoyShaheb]

thank you @code4you2021 for the solution, even worked on the buttons on the DialogFooter

[villszer]

For easy copy pasta: onOpenAutoFocus={(e) => e.preventDefault()}

[kapxapot]

I tried this and it works, but when I tab through elements, the tab is not trapped inside of a dialog at first and goes through background elements and only then comes to the dialog and is trapped there. Is there a fix for that?

[soham2k06]

I tried this and it works, but when I tab through elements, the tab is not trapped inside of a dialog at first and goes through background elements and only then comes to the dialog and is trapped there. Is there a fix for that?

Same problem but with form inputs, it focuses to the dialog in between

[LikeDreamwalker]

Well it is not working in my scenario, I can see the logs in onOpenAutoFocus event, but seems like it is not stopped, or some other part triggers the focus.