From 7ae15348c98eb6e295e721c232ee7e9d70de11a6 Mon Sep 17 00:00:00 2001
From: Sonja Happ <sonja.happ@eonerc.rwth-aachen.de>
Date: Mon, 15 Mar 2021 17:23:21 +0100
Subject: [PATCH] WIP: fix for react context menu (new version of
 react-contexify with breaking changes). Position of context menu in edit mode
 not correct yet

---
 src/widget/widget-context-menu.js | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/widget/widget-context-menu.js b/src/widget/widget-context-menu.js
index 194d9c1..d4cb271 100644
--- a/src/widget/widget-context-menu.js
+++ b/src/widget/widget-context-menu.js
@@ -18,6 +18,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Menu, Item, Separator, useContextMenu } from 'react-contexify';
+import 'react-contexify/dist/ReactContexify.css';
 import Widget from './widget';
 
 class WidgetContextMenu extends React.Component {
@@ -122,21 +123,20 @@ class WidgetContextMenu extends React.Component {
 
     const { show } = useContextMenu({id:'widgetMenu'+ this.props.index, style:dim} )
     function showMenu(e) {
-      show(e)
+      e.preventDefault();
+      show(e);
     }
 
-    return <div style={dim}>
-    <div onContextMenu={showMenu}>
-    <Widget
-              data={this.props.widget}
-              onWidgetChange={this.props.onWidgetChange}
-              editing={this.props.editing}
-              index={this.props.index}
-              paused={this.props.paused}
-            />
-    </div>
-    <ContextMenu />
-    </div>
+    return (<div onContextMenu={showMenu} style={dim}>
+      <Widget
+        data={this.props.widget}
+        onWidgetChange={this.props.onWidgetChange}
+        editing={this.props.editing}
+        index={this.props.index}
+        paused={this.props.paused}
+      />
+      <ContextMenu />
+    </div>);
   }
 }