diff --git a/src/components/ContextMenu/ContextMenu.vue b/src/components/ContextMenu/ContextMenu.vue
index d060d4f6..3bb03693 100644
--- a/src/components/ContextMenu/ContextMenu.vue
+++ b/src/components/ContextMenu/ContextMenu.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="contextMenu" oncontextmenu="return false;">
+    <div id="contextMenu" oncontextmenu="return false;" @mousedown.stop>
         <ul>
             <li
                 v-for="(menuOption, index) in contextMenuOptions"
diff --git a/src/simulator/src/ux.js b/src/simulator/src/ux.js
index 01a93243..632149ec 100644
--- a/src/simulator/src/ux.js
+++ b/src/simulator/src/ux.js
@@ -7,7 +7,8 @@ import { layoutModeGet } from './layoutMode'
 import {
     scheduleUpdate,
     wireToBeCheckedSet,
-    updateCanvasSet
+    updateCanvasSet,
+    update
 } from './engine'
 import { simulationArea } from './simulationArea'
 import logixFunction from './data'
@@ -53,12 +54,39 @@ function hideContextMenu() {
         ctxPos.visible = false
     }, 200) // Hide after 2 sec
 }
+
+var UNIT = 10
+
+function syncSelectionToContextMenuPosition() {
+    var canvas = simulationArea.canvas
+    if (!canvas || typeof globalScope === 'undefined') return
+    var rect = canvas.getBoundingClientRect()
+    var dpr = window.devicePixelRatio || 1
+    var rawX = (ctxPos.x - rect.left) * dpr
+    var rawY = (ctxPos.y - rect.top) * dpr
+    simulationArea.mouseDownRawX = rawX
+    simulationArea.mouseDownRawY = rawY
+    simulationArea.mouseDownX = Math.round(((rawX - globalScope.ox) / globalScope.scale) / UNIT) * UNIT
+    simulationArea.mouseDownY = Math.round(((rawY - globalScope.oy) / globalScope.scale) / UNIT) * UNIT
+    simulationArea.mouseRawX = rawX
+    simulationArea.mouseRawY = rawY
+    simulationArea.mouseXf = (rawX - globalScope.ox) / globalScope.scale
+    simulationArea.mouseYf = (rawY - globalScope.oy) / globalScope.scale
+    simulationArea.mouseX = simulationArea.mouseDownX
+    simulationArea.mouseY = simulationArea.mouseDownY
+    var prevMouseDown = simulationArea.mouseDown
+    simulationArea.mouseDown = true
+    update(globalScope, true)
+    simulationArea.mouseDown = prevMouseDown
+}
+
 /**
  * Function displays context menu
  * @category ux
  */
 function showContextMenu() {
     if (layoutModeGet()) return false // Hide context menu when it is in Layout Mode
+    syncSelectionToContextMenuPosition()
     $('#contextMenu').css({
         visibility: 'visible',
         opacity: 1,
@@ -278,7 +306,7 @@ export function deleteSelected() {
         if (
             !(
                 simulationArea.multipleObjectSelections[i].objectType ===
-                    'Node' &&
+                'Node' &&
                 simulationArea.multipleObjectSelections[i].type !== 2
             )
         )
diff --git a/src/styles/css/UX.css b/src/styles/css/UX.css
index 890d4cfa..58f5c1b2 100644
--- a/src/styles/css/UX.css
+++ b/src/styles/css/UX.css
@@ -5,21 +5,24 @@
 }
 
 #contextMenu {
-    width: 150px;
+    position: absolute;
     visibility: hidden;
-    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    position: fixed;
-    z-index: 100;
-    background: #fff;
+    width: 180px;
+    background-color: white;
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+    /* this z-index keeps contextMenu on top of canvas, allowing clicks to reach menu items */
+    z-index: 1000;
+    padding: 0;
+    margin: 0;
+    left: 100px;
+    top: 100px;
     opacity: 0;
-    top: 100;
-    left: 100;
+    transition: opacity 0.2s;
+    /* border-radius: 10px; */
     cursor: pointer;
     color: #000;
     padding-bottom: 4px;
     padding-top: 4px;
-    transition: opacity 0.2s ease-in-out;
     user-select: none;
 }
 
diff --git a/v1/src/simulator/src/ux.js b/v1/src/simulator/src/ux.js
index 01a93243..851042f0 100644
--- a/v1/src/simulator/src/ux.js
+++ b/v1/src/simulator/src/ux.js
@@ -7,7 +7,8 @@ import { layoutModeGet } from './layoutMode'
 import {
     scheduleUpdate,
     wireToBeCheckedSet,
-    updateCanvasSet
+    updateCanvasSet,
+    update
 } from './engine'
 import { simulationArea } from './simulationArea'
 import logixFunction from './data'
@@ -53,12 +54,38 @@ function hideContextMenu() {
         ctxPos.visible = false
     }, 200) // Hide after 2 sec
 }
+
+var UNIT = 10
+
+function syncSelectionToContextMenuPosition() {
+    var canvas = simulationArea.canvas
+    if (!canvas || typeof globalScope === 'undefined') return
+    var rect = canvas.getBoundingClientRect()
+    var rawX = (ctxPos.x - rect.left) * DPR
+    var rawY = (ctxPos.y - rect.top) * DPR
+    simulationArea.mouseDownRawX = rawX
+    simulationArea.mouseDownRawY = rawY
+    simulationArea.mouseDownX = Math.round(((rawX - globalScope.ox) / globalScope.scale) / UNIT) * UNIT
+    simulationArea.mouseDownY = Math.round(((rawY - globalScope.oy) / globalScope.scale) / UNIT) * UNIT
+    simulationArea.mouseRawX = rawX
+    simulationArea.mouseRawY = rawY
+    simulationArea.mouseXf = (rawX - globalScope.ox) / globalScope.scale
+    simulationArea.mouseYf = (rawY - globalScope.oy) / globalScope.scale
+    simulationArea.mouseX = simulationArea.mouseDownX
+    simulationArea.mouseY = simulationArea.mouseDownY
+    var prevMouseDown = simulationArea.mouseDown
+    simulationArea.mouseDown = true
+    update(globalScope, true)
+    simulationArea.mouseDown = prevMouseDown
+}
+
 /**
  * Function displays context menu
  * @category ux
  */
 function showContextMenu() {
     if (layoutModeGet()) return false // Hide context menu when it is in Layout Mode
+    syncSelectionToContextMenuPosition()
     $('#contextMenu').css({
         visibility: 'visible',
         opacity: 1,