Destyle dialog ?

[KaKi87]

Hi,

In this video, Theo Browne mentions the user agent stylesheet for dialog:modal, and more specifically the max-width and max-height properties :

Which are mentioned in spec here :

In his case, it prevented the following from working :

dialog {
  width: 100vw;
  height: 100vh;
}

And therefore had to add the following :

dialog:modal {
  max-width: 100vw;
  max-height: 100vh;
}

I think it would be a great default for destyle to fix this, I suppose the following would be more appropriate (although for the same result) :

dialog:modal {
  max-width: inherit;
  max-height: inherit;
}

And maybe you'll want to destyle it all the way ? Here's now it currently looks with destyle (Demo on JSFiddle, using the MDN example, bold on number is normal because using <strong>, screenshot from Chromium-based browser but Firefox looking the same) :

Thanks