Fix context menu positioning when opened with a trigger

Feature #13678

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>

diff --git a/src/components/data-explorer/data-explorer.tsx b/src/components/data-explorer/data-explorer.tsx
index 7ae66358590cd46ea32929ddb959b539604df86c..9cc1cc95fc6138d337dc3178feaf36010c661195 100644 (file)
--- a/src/components/data-explorer/data-explorer.tsx
+++ b/src/components/data-explorer/data-explorer.tsx
@@ -120,11 +120,21 @@ class DataExplorer<T> extends React.Component<DataExplorerProps<T> & WithStyles<
 
     renderContextMenuTrigger = (item: T) =>
         <Grid container justify="flex-end">
 
     renderContextMenuTrigger = (item: T) =>
         <Grid container justify="flex-end">

-            <IconButton onClick={event => this.openContextMenu(event, item)}>
+            <IconButton onClick={event => this.openContextMenuWithTrigger(event, item)}>

                 <MoreVertIcon />
             </IconButton>
         </Grid>
 
                 <MoreVertIcon />
             </IconButton>
         </Grid>
 

+    openContextMenuWithTrigger = (event: React.MouseEvent<HTMLElement>, item: T) => {
+        event.preventDefault();
+        this.setState({
+            contextMenu: {
+                anchorEl: event.currentTarget,
+                item
+            }
+        });
+    }
+

     contextMenuColumn = {
         name: "Actions",
         selected: true,
     contextMenuColumn = {
         name: "Actions",
         selected: true,