From 4a7579ed6abc79e686a8e34597702455cbbff1dc Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 6 Aug 2026 09:25:57 +0200 Subject: [PATCH] fix(material/datepicker): actions overflowing at some screen sizes with touch UI Fixes that the datepicker's actions might overflow in touch UI mode on some screen sizes. Fixes # 33629 --- src/material/datepicker/datepicker-content.scss | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/src/material/datepicker/datepicker-content.scss b/src/material/datepicker/datepicker-content.scss index c22c5d6e0152..9fac4e7cb990 100644 --- a/src/material/datepicker/datepicker-content.scss +++ b/src/material/datepicker/datepicker-content.scss @@ -20,9 +20,7 @@ $touch-landscape-width: 64vh; $touch-landscape-height: 80vh; $touch-portrait-width: 80vw; $touch-portrait-height: 100vw; -$touch-portrait-height-with-actions: 115vw; $touch-min-width: 250px; -$touch-min-height: 312px; $touch-max-width: 750px; $touch-max-height: 788px; @@ -128,7 +126,7 @@ $touch-max-height: 788px; } .mat-datepicker-content-container { - min-height: $touch-min-height; + min-height: fit-content; max-height: $touch-max-height; min-width: $touch-min-width; max-width: $touch-max-width; @@ -156,10 +154,4 @@ $touch-max-height: 788px; width: $touch-portrait-width; height: $touch-portrait-height; } - - // The content needs to be a bit taller when actions have - // been projected so that it doesn't have to scroll. - .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions { - height: $touch-portrait-height-with-actions; - } }