Dialogs not opening correctly in Safari 13 about skin

[ArtBlue]

Older Safaris probably treat flex differently than new ones. Based on some initial brief troubleshooting, it looks like the dialogs may need some explicit styling, specifically, drawer-dialog--mask-fade (and other analogous elements for the other impacted components) may need the following mostly redundant/unnecessary styling for newer browsers, but crucial for older ones:

width: 100%;
height: 100%;
bottom: 0;
left: 0;

[mkchang]

Would it make sense to revert to

top: 0;
bottom: 0;
left: 0;
right: 0;

instead of inset: 0; for the dialogs, as changed in 1ac29fe? Since inset does not seem to be supported below Safari 14.

[ArtBlue]

@mkchang , thanks for tracking that down. I didn't realize this was a recent change that caused it. You're right, inset does not seem to be supported below Safari 14.1 so that reversion should work. I'll make sure before I create the PR.