Ajuda com a tag <dialog>

[ihenrique]

Alguém sabe como prevenir que o "ESC" feche o modal ? queria criar uma variação em meu projeto onde o é um modal obrigatório e não pode ser fechado com ESC....

[Henriquepb22]

Fala Henrique, blz?
Só é adicionar o atributo data-keyboard="false" na tag do elemento modal que funciona!

[ihenrique]

Fala Henrique, blz?
Só é adicionar o atributo data-keyboard="false" na tag do elemento modal que funciona!

Não deu certo!

Se quiser dar uma olhada, deixei um exemplo no codepen da situação parecida com meu projeto atual.
https://codepen.io/ivhenrique/pen/LYYqLmj?&editable=true

[alexgwolff]

document.addEventListener('keydown', event => {
  if (event.key === 'Escape') {
    event.preventDefault();
  }
});

Não esqueça de remover esse evento quando não for mais utilizar.

[Henriquepb22]

Fala Henrique, blz?
Só é adicionar o atributo data-keyboard="false" na tag do elemento modal que funciona!

Não deu certo!

Se quiser dar uma olhada, deixei um exemplo no codepen da situação parecida com meu projeto atual.
https://codepen.io/ivhenrique/pen/LYYqLmj?&editable=true

Eita, esqueci de perguntar, mas essa solução que eu dei é o modal do bootstrap, no caso vc tá usando puro em html/js né? so é fazer do jeito do @alexgwolff no seu js