Issue with focusing on form elements on N+1 dialog openings

[michaelhume]

Hi All,

I'm having an odd issue when opening a dialog box for the second (and subsequent) time(s).

On the first opening I can tab through, and enter all form elements just fine. If I close and reopen the modal, I cannot tab to, or focus on any elements beyond the one with :initialFocus.

I'm using @headless/vue v1.5.0 in chrome 99.0.4844.84

I'll add that changing unmount to false makes this problem go-away. I would like to understand how that should work. I have a select list in the dialog that pulls options from an ajax request and it seems like regardless of this setting, the options persist - which is a bit confusing to me.

Is there any possibility that setting unmount to false may lead to a memory leak. I'm using this in an Inertia app, so the full page doesn't refresh that often.

Any thoughts / suggestions would be much appreciated!

Thanks,