el nuevo elemento <dialog> mejora la accesibilidad al mantener el enfoque del teclado dentro del cuadro de diálogo
Desafortunadamente, parece que la gestión de enfoque mejorada solo funciona para la API de JS.
Como puede ver, el elemento de entrada externo no puede recibir el foco porque está en segundo plano:
document.querySelector("dialog").showModal(); <input name="back"> <dialog><input name="front"></dialog> Sin showModal() el elemento de entrada externo se puede enfocar aunque esté en segundo plano.
<input name="back"> <dialog open><input name="front"></dialog> ¿Hay alguna forma de obtener el mismo comportamiento como showModal() solo con html?