Material-ui: [Feature Request] Modify Dialog to new HTML5.2 Standards

Created on 20 Jan 2018 · 2Comments · Source: mui-org/material-ui

Context

As described by the W3C here, a new HTML Tag Dialog was added and will be part of a new web standard.
Its behavior is further described here by Mozilla.

Real life context

However, currently only few browsers support the tag.
There is a polyfill by Google Chrome.

This issue will probably more relevant in the future, when more browsers support this tag.

Dialog

Source

norraell

Most helpful comment

Thanks the heads up, but lets park this until it's standard, its behavior is better understood, and it is support by a significant proportion of browsers in use.

See you in 5 years!

mbrookes on 20 Jan 2018

😄3

All 2 comments

Thanks the heads up, but lets park this until it's standard, its behavior is better understood, and it is support by a significant proportion of browsers in use.

See you in 5 years!

mbrookes on 20 Jan 2018

😄3

@norraell Thanks for opening this issue. I have been wondering the same thing. Should we use the native dialog? After digging into it, I think that the answer should be no.

because the support of the browsers is pretty low right now. It's unclear the how well the polyfill cover the edge cases and the price of it (kB)
because of the <dialog> laking key features we have been reimplementing:
- scroll locking.
- fine focus control logic: disableAutoFocus, disableEnforceFocus and disableRestoreFocus.

However, the native dialog comes with an interesting feature we don't support right now. server-side rendering.
I have found a related issue on Bootstrap side: https://github.com/twbs/bootstrap/pull/20175.

As always with OSS, a no is always temporary. We will reconsider the proposition in the future in the light of new information :).