Fixes initial position of DataTableContextMenu

dhis2 · Mar 20, 2018 · f4db16c · f4db16c
1 parent 4501fdf
commit f4db16c
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/data-table/DataTableContextMenu.component.js b/src/data-table/DataTableContextMenu.component.js
@@ -13,9 +13,14 @@ function DataTableContextMenu(props, context) {
         .keys(props.actions)
         .filter(menuActionKey => typeof props.actions[menuActionKey] === 'function');
 
+    // Transition and left styles were added to prevent initial rendering in top-left
+    // https://github.com/mui-org/material-ui/issues/8040
     const cmStyle = {
         position: 'fixed',
+        left: -1000,
+        transition: 'left 0s, top 0s',
     };
+
     const {
         actions,
         activeItem,