Dialog height in safari

[Andre de Waard]

Dialog height in safari defaults to 'fit-content'. Fixed it with an hardcode

dialog {
  height: min-content;
}

Any known complications by doing this?

PS: really nice dialog tutorial btw

[Adam Argyle]

oh! i seem to be able to consistently fix it with

dialog {
  max-block-size: max-content;
  height: auto;
}

height: min-content; showed an error in the styles pane that it wasn't valid

[Adam Argyle]

there we go, duh, stretching is the default for grid and flexbox, i undid the confusing max-block-size styles in favor of a simple align-content 👍🏻

[Andre de Waard]

Thanks! really appreciating your effort to check this out.