[SOLVED] autofocused Input in a Form in a Dialog doesn't close the dialog, or blur the input when pressing on Escape key

[gregidonut]

When a <TextField autoFocus /> is focused, as a child of a <Dialog /> component pressing Escape, doesn't close the Dialog or blur the input element at the very least. if anything else is focused like a button, pressing Escape does exit the dialog.

the 3rd example from the docs website for a large dialog, shows this. What is your guys' work around for this? i would like to close the dialog when pressing escape. even when an input element is focused, or blur the element at the very least so i can just press escape twice to exit the dialog.

when adding an onKeyDown prop to the textField to listen for the "Escape" key , it doesn't fire, i'm guessing the parent dialog intercepts this. and ofcourse this prop isn't supported on the react-aria Dialog component.

Any help would be much appreciated

[reidbarber]

I wasn't able to reproduce this. Can you send more information? This is the 'Register for newsletter' example, correct? Are you using a specific browser?

[gregidonut]

just tried it on windows. same issue.

[snowystinger]

I am also unable to reproduce on my Mac Chrome or Firefox, maybe there's a setting on your computer? though odd it was happen across your linux and a windows machine.

[gregidonut]

oh i just tested it again, on windows. the issue doesn't happen on chrome/firefox, but does happen on edge. wierd

[gregidonut]

i figured it out, it was vimium I apologize. hehehe, I feel so dumb