DataGrid - Sticky columns: Fix auto scrolling during keyboard navigat…

…ion of headers (#28418) Co-authored-by: Alyar <>
DevExpress · Dec 3, 2024 · 06f2bab · 06f2bab
1 parent dd04a5e
commit 06f2bab
Show file tree

Hide file tree

Showing 31 changed files with 551 additions and 244 deletions.
diff --git a/...yColumns/etalons/fixed_and_command_columns_band_headers_navigation_by_tab_1.png b/...yColumns/etalons/fixed_and_command_columns_band_headers_navigation_by_tab_1.png
diff --git a/...yColumns/etalons/fixed_and_command_columns_band_headers_navigation_by_tab_2.png b/...yColumns/etalons/fixed_and_command_columns_band_headers_navigation_by_tab_2.png
diff --git a/...talons/fixed_columns_and_adaptability_headers_navigation_by_shift_and_tab_1.png b/...talons/fixed_columns_and_adaptability_headers_navigation_by_shift_and_tab_1.png
diff --git a/...talons/fixed_columns_and_adaptability_headers_navigation_by_shift_and_tab_2.png b/...talons/fixed_columns_and_adaptability_headers_navigation_by_shift_and_tab_2.png
diff --git a/...yColumns/etalons/fixed_columns_and_adaptability_headers_navigation_by_tab_1.png b/...yColumns/etalons/fixed_columns_and_adaptability_headers_navigation_by_tab_1.png
diff --git a/...yColumns/etalons/fixed_columns_and_adaptability_headers_navigation_by_tab_2.png b/...yColumns/etalons/fixed_columns_and_adaptability_headers_navigation_by_tab_2.png
diff --git a/...ckyColumns/etalons/fixed_columns_band_headers_navigation_by_shift_and_tab_1.png b/...ckyColumns/etalons/fixed_columns_band_headers_navigation_by_shift_and_tab_1.png
diff --git a/...ckyColumns/etalons/fixed_columns_band_headers_navigation_by_shift_and_tab_2.png b/...ckyColumns/etalons/fixed_columns_band_headers_navigation_by_shift_and_tab_2.png
diff --git a/...taGrid/stickyColumns/etalons/fixed_columns_band_headers_navigation_by_tab_1.png b/...taGrid/stickyColumns/etalons/fixed_columns_band_headers_navigation_by_tab_1.png
diff --git a/...taGrid/stickyColumns/etalons/fixed_columns_band_headers_navigation_by_tab_2.png b/...taGrid/stickyColumns/etalons/fixed_columns_band_headers_navigation_by_tab_2.png
diff --git a/...tickyColumns/etalons/fixed_columns_data_cells_navigation_by_shift_and_tab_1.png b/...tickyColumns/etalons/fixed_columns_data_cells_navigation_by_shift_and_tab_1.png
diff --git a/...tickyColumns/etalons/fixed_columns_data_cells_navigation_by_shift_and_tab_2.png b/...tickyColumns/etalons/fixed_columns_data_cells_navigation_by_shift_and_tab_2.png
diff --git a/...dataGrid/stickyColumns/etalons/fixed_columns_data_cells_navigation_by_tab_1.png b/...dataGrid/stickyColumns/etalons/fixed_columns_data_cells_navigation_by_tab_1.png
diff --git a/...dataGrid/stickyColumns/etalons/fixed_columns_data_cells_navigation_by_tab_2.png b/...dataGrid/stickyColumns/etalons/fixed_columns_data_cells_navigation_by_tab_2.png
diff --git a/...d/stickyColumns/etalons/fixed_columns_headers_navigation_by_shift_and_tab_2.png b/...d/stickyColumns/etalons/fixed_columns_headers_navigation_by_shift_and_tab_2.png
diff --git a/...ts/dataGrid/stickyColumns/etalons/fixed_columns_headers_navigation_by_tab_1.png b/...ts/dataGrid/stickyColumns/etalons/fixed_columns_headers_navigation_by_tab_1.png
diff --git a/...ts/dataGrid/stickyColumns/etalons/fixed_columns_headers_navigation_by_tab_2.png b/...ts/dataGrid/stickyColumns/etalons/fixed_columns_headers_navigation_by_tab_2.png
diff --git a/e2e/testcafe-devextreme/tests/dataGrid/stickyColumns/focusOverlay.ts b/e2e/testcafe-devextreme/tests/dataGrid/stickyColumns/focusOverlay.ts
@@ -17,7 +17,7 @@ test('Focus overlay should be displayed correctly if sticky columns are turned o
   await t.expect(dataGrid.isReady()).ok();
 
   await t
-    .click(dataGrid.getGroupRow(0).element)
+    .click(dataGrid.getGroupRow(0).getCell(1).element)
     .pressKey('tab');
 
   await takeScreenshot('datagrid_group_row_focused.png', dataGrid.element);
@@ -29,7 +29,7 @@ test('Focus overlay should be displayed correctly if sticky columns are turned o
   await takeScreenshot('datagrid_adaptive_item_focused.png', dataGrid.element);
 
   await t
-    .click(dataGrid.getGroupFooterRow().nth(0))
+    .click(dataGrid.getGroupFooterRow().nth(0), { offsetX: 5, offsetY: 5 })
     .pressKey('tab');
 
   await takeScreenshot('datagrid_group_footer_row_focused.png', dataGrid.element);