Without support for dynamic viewport units (e.g. dvh), modal dialogs do not appear properly on mobile browsers when their menu bars are visible. They are not properly centered and if they are very tall they are partially hidden by the menu bar. The only workaround I’ve found is custom css similar to this:
section[role=dialog] {
max-height: 80dvh !important;
}