Keyboard navigation/focus blocked when form in modal dialog

[AlexKMarshall]

I'm running conform, zod and Remix with ShadCN/Radix

When I have a form (set to validate onBlur) inside a modal dialog, tabbing through the form is getting stuck. Each time a field loses focus (either through tabbing or just clicking on the next field) focus moves to the dialog itself, rather than to the next field.

I'm guessing this is something to do with the focus trapping implemented in Radix, but I haven't done much digging yet, just wondering if anyone else has encountered and solved this?

Small reproduction in this codesandbox https://codesandbox.io/p/sandbox/magical-spence-vy9wmp
There's 2 identical form pages, one regular, one modal, that show the differences in behavior

[edmundhung]

Thanks for the sandbox! I don't have a clue what's the problem yet. I will give it a deeper look once I come back from vacation.

[dqn]

@edmundhung
Any progress on this issue? I would like to know at least a workaround.