Styling an HTML dialog modal to take the full height of the viewport
SMRTR summary
The HTML dialog element's default CSS styles can cause unexpected gaps in side panels. A max-height rule applied by browsers is responsible for this issue, which can be resolved by adding max-height: none or max-height: 100vh to custom CSS for full-height dialogs.
SMRTR provides this summary for quick context. The original article belongs to Hacker News.
Read the original article