fix(addon-mobile): virtual-scroll flickers during scroll in zoneless …

…mode (#10023)
taiga-family · Dec 23, 2024 · e3cfbc9 · e3cfbc9
1 parent 27da56e
commit e3cfbc9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 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
@@ -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
@@ -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
@@ -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`,
                 );
             });
         });