El elemento dialog nativo: ¿ya se puede usar sin librerías?
TacoArquero
Nivel 2 ·
Siempre usé librerías para los modales. Vi que existe un elemento dialog nativo con showModal(). ¿Ya está soportado en todos los navegadores? ¿Es accesible?
Respuestas 5
Carmen M.
Nivel 3 ·
0 0 Sí, está soportado en todos los navegadores principales desde 2022. Con showModal() te da un fondo (::backdrop), deja inerte el resto de la página y se cierra con Escape.
Mario P.
Nivel 3 ·
0 1 Lo mejor es que maneja el foco por vos: lo mueve adentro del diálogo al abrir y lo devuelve al cerrar. Eso era lo que más costaba hacer bien a mano.
antonella F.
Nivel 2 ·
1 0 Ojo con la diferencia entre show() y showModal(). show() lo abre como no modal, sin bloquear el resto.
Gabriel B.
Nivel 3 ·
0 0 Para cerrarlo con un botón podés usar adentro un form con method="dialog". Al enviarlo, el diálogo se cierra solo.
TacoArquero
Nivel 2 ·
0 0 Probé y anda perfecto, incluso el foco. Chau librería de modales.