Dialog content not visible in Safari

[gabbsmo]

Describe the bug Dialog content is not visible in Safari on both mobile and desktop devices.

To Reproduce Steps to reproduce the behavior:

1. Go to Pattern Lab
2. Click on 'Show Modal Dialog'

Expected behavior Dialog content is visible.

Screenshots

Desktop (please complete the following information):

• OS: macOS
• Browser: Safari
• Version: 16.5

Smartphone (please complete the following information):

• Device: iPhone
• OS: iOS 18
• Browser: Safari

Additional context I could workaround it by calculating the max height from svh instead of %.

.hoo-dlgcontent {
    max-height: calc(100svh - 5rem);
}