Drag and Drop GhostNode doesn't work on Safari

[costonb]

When using Safari and enabling both draggable and pan for the org chart, the "ghostNode" doesn't show up when doing drag and drop after panning the chart. This seems to be a Safari specific issue.

I was able to reproduce this by taking your drag and drop demo and enabling panning. Then loading the page in Safari. After panning the content and then trying to drag/drop a node I saw that the ghost image wasn't appearing. It appears that the code in the CreateGhostNode function doesn't seem to work on Safari. If I disable the createGhostNode function it will show a partial node or nothing when dragging if I've panned. Other browsers seem to work fine with the code enabled or disabled. Chrome seems to work even better without the ghost node than with it.

[richardwalker-iamtech]

If you are talking about Safari on iOS (with touch) then this is probably down to my initial PR. I added basic support for touch devices to drag-and-drop nodes. It has limitations, such as not using the 'ghost' nodes.

I have a new PR in development which hugely improves the touch support, includign ghost nodes. It also allows external items to be dragged onto the org chart (for example, if you have a 'toolbox' of items that you want to drag into existing nodes, or to form new nodes).

[costonb]

Was seeing this issue in Safari 11.0.3 on my mac. Going through the code I saw it was trying to set up the ghost node but it wasn't showing it. I did notice that it doesn't set up the ghost node on mobile, but figured it was more a limitation than a bug.