[DataGrid] Add will-change to CSS to improve performance in chrome fu…

…ll screen mode (#3726)
elastic · Aug 3, 2020 · 700fe0e · 700fe0e
1 parent 59d9205
commit 700fe0e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `27.3.1`.
+**Bug fixes**
+
+- Improve `EuiDataGrid` Chrome rendering performance in Full screen [#3705](https://github.com/elastic/eui/issues/3705)
 
 ## [`27.3.1`](https://github.com/elastic/eui/tree/v27.3.1)
 

diff --git a/src/components/datagrid/_data_grid.scss b/src/components/datagrid/_data_grid.scss
@@ -21,6 +21,10 @@
     background: $euiColorLightestShade;
     border-top: $euiBorderThin;
   }
+
+  .euiDataGrid__verticalScroll .euiDataGridRow {
+    will-change: transform;
+  }
 }
 
 .euiDataGrid__content {