How to prevent close alert dialog with esc?

[igortullio]

Question

I need the alert not to close when I click Esc.

[BiswaViraj]

https://www.radix-ui.com/docs/primitives/components/alert-dialog#content
Pass onEscapeKeyDown props to the Content as
onEscapeKeyDown={(event) => { event.preventDefault(); } }

[Manbearpixel]

Great solution 🙌

I enhanced this a little further to allow the escape key to still work unless the element that had focus when escape was pressed (i.e., an input element) had this attribute data-prevent-modal-close-on-escape="true"

<input data-prevent-modal-close-on-escape="true" />

Followed by the prop for Dialog.Content

onEscapeKeyDown={(e) => {
  if ((e.target as HTMLElement).dataset.preventModalCloseOnEscape) {
    e.preventDefault();
  }
}}