Skip to content

Commit 819e2f8

Browse files
crisbetoannieyw
authored andcommitted
fix(material/datepicker): remove scroll bar while animating in touch UI mode (#21493)
The screen reader close button is rendered outside the dialog which seems to cause a scrollbar to be shown while the animation is running. These changes fix the issue by hiding the button while the dialog is animating. (cherry picked from commit 13aa359)
1 parent c2f337e commit 819e2f8

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/material/datepicker/datepicker-content.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,12 @@ $mat-datepicker-touch-max-height: 788px;
3737
top: 100%;
3838
left: 0;
3939
margin-top: 8px;
40+
41+
// Hide the button while the overlay is animating, because it's rendered
42+
// outside of it and it seems to cause scrollbars in some cases (see #21493).
43+
.ng-animating & {
44+
display: none;
45+
}
4046
}
4147
}
4248

0 commit comments

Comments
 (0)