Skip to content

Commit bc7b351

Browse files
authored
fix(material/datepicker): ensure dates don't overflow on a small screen (#33281)
Fixes that a datepicker in touch UI mode might overflow on a small screen in horizontal orientation. Fixes #33115.
1 parent 73c1912 commit bc7b351

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

src/material/datepicker/datepicker-content.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,10 @@ $touch-max-height: 788px;
119119
// Prevents the content from jumping around on Windows while the animation is running.
120120
overflow: visible;
121121

122+
// Prevent the content from shrinking to a point where it doesn't fit all the dates anymore.
123+
// stylelint-disable material/no-prefixes
124+
min-height: fit-content;
125+
122126
&.mat-datepicker-content-animations-enabled {
123127
animation: _mat-datepicker-content-dialog-enter 150ms cubic-bezier(0, 0, 0.2, 1);
124128
}

0 commit comments

Comments
 (0)