Theo's Typesafe Cult•10mo ago

The HTML Dialog Element vs Headless Component Libraries Dialog

Hi guys, i wanna learn why Headless component libraries like Ark UI/Radix Ui/etc,etc for a Dialog component don´t use the HTML dialog element. What´s the reason? It´s not better for SEO having native and progresive enchanment dialgos/modal/drawers?

2 Replies

JulieCezar•10mo ago

I can't say if it would be better, but they probably didn't use dialog, because not all browsers supported it As of 15th January or something like that, all browsers do But that's only 2 weeks ago

oljimenezOP•10mo ago

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#:~:text=Since%20March%202022%2C%20this%20feature%20works%20across%20the%20latest%20devices%20and%20browser%20versions.%20This%20feature%20might%20not%20work%20in%20older%20devices%20or%20browsers.

MDN Web Docs

: The Dialog element - HTML: HyperText Markup Language | MDN

The HTML element represents a modal or non-modal dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow.

Gaming

Programming

The HTML Dialog Element vs Headless Component Libraries Dialog