Skip to content

Commit ceccc86

Browse files
fix(ui5-dialog): clamp min-width and min-height to viewport at high zoom levels
At 200% browser zoom, rem-based min-width (20rem) can exceed the 90% max-width constraint, causing the dialog to overflow the viewport and become unusable on small or zoomed screens. Use CSS min() to cap min-width and min-height against 90vw/90vh so the dialog always fits within the visible area regardless of zoom level. Fixes #11715
1 parent 5694559 commit ceccc86

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

packages/main/src/themes/Dialog.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
@import "./InvisibleTextStyles.css";
22

33
:host {
4-
min-width: 20rem;
5-
min-height: 6rem;
4+
min-width: min(20rem, 90vw);
5+
min-height: min(6rem, 90vh);
66
max-height: 94%;
77
max-width: 90%;
88
flex-direction: column;

0 commit comments

Comments
 (0)