bug fixed when drag started

ChartingSpace/EdgeEditor.js

@@ -186,24 +186,28 @@ function newEdgeEditor () {
     const STEP = 10
 
     if (event.shiftKey === false && event.ctrlKey === false && event.code === 'ArrowLeft') {
+      onDragStarted(event)
       thisObject.container.frame.position.x = thisObject.container.frame.position.x + STEP
       whatHappened = 'left or right arrow key pressed'
       return
     }
 
     if (event.shiftKey === false && event.ctrlKey === false && event.code === 'ArrowRight') {
+      onDragStarted(event)
       thisObject.container.frame.position.x = thisObject.container.frame.position.x - STEP
       whatHappened = 'left or right arrow key pressed'
       return
     }
 
     if (event.shiftKey === false && event.ctrlKey === false && event.code === 'ArrowUp') {
+      onDragStarted(event)
       thisObject.container.frame.position.y = thisObject.container.frame.position.y + STEP
       whatHappened = 'up or down arrow key pressed'
       return
     }
 
     if (event.shiftKey === false && event.ctrlKey === false && event.code === 'ArrowDown') {
+      onDragStarted(event)
       thisObject.container.frame.position.y = thisObject.container.frame.position.y - STEP
       whatHappened = 'up or down arrow key pressed'
       return

Container.js

@@ -1,7 +1,7 @@
 
 function newContainer () {
   let thisObject = {
-    id: Math.trunc(Math.random() * 10000000),
+    id: newUniqueId(),
     type: 'Rectangle',
     frame: undefined,
     eventHandler: undefined,

Spaces/PanelsSpace.js

@@ -71,7 +71,7 @@ function newPanelsSpace () {
     panel.owner = pOwner
     thisObject.panels.push(panel)
 
-    panel.handle = Math.floor((Math.random() * 10000000) + 1)
+    panel.handle = newUniqueId()
 
     return panel.handle
   }