From 86151332782946f4572f3399746826e55242b89b Mon Sep 17 00:00:00 2001
From: splincode <omaxphp@yandex.ru>
Date: Wed, 18 Dec 2024 15:09:03 +0300
Subject: [PATCH] fix(addon-mobile): virtual-scroll flickers during scroll in
 zoneless mode

---
 .../components/mobile-calendar/mobile-calendar.style.less     | 4 ++++
 .../components/mobile-calendar/mobile-calendar.template.html  | 3 +++
 .../tests/legacy/input-date-range/input-date-range.pw.spec.ts | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less
index a574f5e48ef0..ae0cd2077c55 100644
--- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less
+++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.style.less
@@ -177,11 +177,15 @@
 }
 
 .t-month-wrapper {
+    display: flex;
     margin: 0.625rem 0 -0.625rem;
+    block-size: 22.125rem; // itemSize: 354px;
+    flex-direction: column;
 }
 
 .t-month {
     block-size: 2.75rem;
+    inline-size: 100%;
     line-height: 2.75rem;
     padding-left: 1rem;
     font-size: 0.875rem;
diff --git a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.template.html b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.template.html
index 2146719ebda7..0b724559abcf 100644
--- a/projects/addon-mobile/components/mobile-calendar/mobile-calendar.template.html
+++ b/projects/addon-mobile/components/mobile-calendar/mobile-calendar.template.html
@@ -69,6 +69,9 @@
 </div>
 <cdk-virtual-scroll-viewport
     #monthsScrollRef
+    itemSize="354"
+    maxBufferPx="5000"
+    minBufferPx="0"
     class="t-months"
     (scrolledIndexChange)="onMonthChange($event)"
 >
diff --git a/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts b/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts
index 974c0ce6a597..a3daabe16530 100644
--- a/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts
+++ b/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts
@@ -261,7 +261,7 @@ test.describe('InputDateRange', () => {
                 await mobileCalendar.confirmButton.click();
 
                 await expect(inputDateRange.textfield).toHaveValue(
-                    `17.08.2020${CHAR_NO_BREAK_SPACE}–${CHAR_NO_BREAK_SPACE}17.08.2020`,
+                    `17.09.2020${CHAR_NO_BREAK_SPACE}–${CHAR_NO_BREAK_SPACE}17.09.2020`,
                 );
             });
         });