1. Home
  2. Forum
  3. React - EJ 2
  4. Error with drag and drop nodes

Error with drag and drop nodes

When I drag and drop a node from the palette, sometimes I get this error, and the node drops down:

base-util.js:84 Uncaught (in promise) TypeError: Cannot read property 'offsetY' of null
    at cornersPointsBeforeRotation (base-util.js:84)
    at getBounds (base-util.js:128)
    at Snapping.snapPoint (snapping.js:41)
    at CommandHandler.snapPoint (command-manager.js:5575)
    at MoveTool.<anonymous> (tool.js:1329)
    at step (tool.js:149)
    at Object.next (tool.js:79)
    at tool.js:51
    at new Promise (<anonymous>)
    at push../node_modules/@syncfusion/ej2-diagrams/src/diagram/interaction/tool.js.__awaiter (tool.js:28)
    at MoveTool.mouseUp (tool.js:1185)
    at MoveTool.mouseLeave (tool.js:1606)
    at DiagramEventHandler.mouseLeave (event-handlers.js:1119)
cornersPointsBeforeRotation @ base-util.js:84
getBounds @ base-util.js:128
Snapping.snapPoint @ snapping.js:41
CommandHandler.snapPoint @ command-manager.js:5575
(anonymous) @ tool.js:1329
step @ tool.js:149
(anonymous) @ tool.js:79
(anonymous) @ tool.js:51
push../node_modules/@syncfusion/ej2-diagrams/src/diagram/interaction/tool.js.__awaiter @ tool.js:28
MoveTool.mouseUp @ tool.js:1185
MoveTool.mouseLeave @ tool.js:1606
DiagramEventHandler.mouseLeave @ event-handlers.js:1119

How can I fix it?

Regards

Attachment: drag_drop_node_5cbfa27a.zip

5 Replies
AR Aravind Ravi Syncfusion Team August 5, 2020 07:23 AM UTC

Hi Victor, 
 
We are unable to reproduce the reported issue at our end. When we drag and drop the nodes from palette to diagram, the nodes has been dropped properly without any console errors. We have attached a video demonstration of drag and dropped the node from palette to diagram with dev tools. Please find the video in below link 
 
 
 
So please share us a video demonstration of issue or modify the above sample illustrating issue. This would help us to serve you better. 
 
Regards 
Aravind Ravi 


VM Víctor Manuel Calle Sánchez August 5, 2020 07:51 AM UTC

Hi,

I attatch a video again. You can see at the 0:06 or 00:19 that the node drop down.
When dragging the symbol from the palette, without releasing the mouse, it stays below the palette.


Attachment: drag_drop_node_8d065212.zip

AR Aravind Ravi Syncfusion Team August 6, 2020 12:40 PM UTC

Hi Victor, 

We have created a sample as you shown in video. We are unable to reproduce the reported issue at our end. When we drag the symbol from palette without dropping it, the symbol does not gets added in the diagram. We suspects that the issue occurs due to you are referring old version. So please try in our latest version (18.2.48) We have attached a video demonstration of requirement. Please find the video in below link 


We have attached a sample for your reference. Please find the sample in below link 


So please share us a simple sample illustrating issue or modify the above sample illustrating issue with video representation.  This would help us to serve you better. 

Regards 
Aravind Ravi 


VM Víctor Manuel Calle Sánchez August 7, 2020 09:35 AM UTC

Hi,

I can attach another video example with this bug.


Attachment: bug_be9ec01c.zip

AR Aravind Ravi Syncfusion Team August 11, 2020 03:58 AM UTC

Hi Victor, 

Thanks for providing the video.  

We are unable to reproduce the reported issue at our end. We have attached a sample for your reference. 


When we drag and drop the node from palette to diagram , the symbol has been dropped properly. We have attached a video demonstration , please find the video in below link 


Could you please confirm us whether we tried to reproduce the issue in same way that you tried at your end. So please share us more details about your issue i.e. whether you used any specific type of node in the palette or modify the above sample replicating issue with video representation. This would help us to provide solution at earliest. 

Regards 
Aravind Ravi 


Loader.
Up arrow icon