Bootstrap: Semantic modal with dialog element

[vanillajonathan]

The HTML living standard defines the dialog element.

As of January 2017 it is only supported by Chrome so far, but it seems to be scheduled for inclusion in Firefox as support can be enabled by a flag in Firefox 53.

Does or could Bootstrap support modals using the dialog element?

[IamManchanda]

You can use any html5 elements like
Picture tag, video tag, dialog tag in bootstrap....

There is no need for bootstrap to support it!!

[bardiharborow]

Does or could Bootstrap support modals using the dialog element?

I don't imagine that the <dialog> element isn't supported. It's more a matter of if we want to start using it in the documentation examples. Relevant MDN listing.

[Starsam80]

I don't think this would be added anytime soon, because of browser compatibility.
Ref #20175, which added it to the most wanted features page

[bardiharborow]

@Starsam80 ah thanks, didn't catch that. Closing this as a WontFix pending Edge support.

[vanillajonathan]

Would it make sense to update the documentation to use dialog instead of div ?

[rafalp]

There's still some way to go before one may think about using dialog element, unless you want to polyfill it.

[vanillajonathan]

Yeah, but Bootstrap already implements its own modals using JavaScript, so if it used the existing dialog element, it would still trigger and work with browsers that do not yet support the dialog element. The question is if it would collide browsers that currently support the dialog element.

Using dialog instead of div already today would have the benefit that later versions of Bootstrap, i.e. 4.1 or 4.2 could clean up or remove the modal code when browsers have caught up with support for the dialog element.

[RehanSaeed]

Edge now has dialog under consideration. You can use the dialog-polyfill to add support today.

Should this be reopened to update the Bootstrap documentation and also style the dialog and backdrop elements as shown here?