Simon Willison on Nostr: New TIL: Styling an HTML dialog modal to take the full height of the viewport Turns ...
New TIL: Styling an HTML dialog modal to take the full height of the viewport
Turns out <dialog> has default browser styles that apply when you use it as a modal, including max-height: calc(100% - 6px - 2em) which needs to be over-ridden if you want it display full height
https://til.simonwillison.net/css/dialog-full-height
Turns out <dialog> has default browser styles that apply when you use it as a modal, including max-height: calc(100% - 6px - 2em) which needs to be over-ridden if you want it display full height
https://til.simonwillison.net/css/dialog-full-height