SVG Component Not Draggable

Hi, I am using grapesjs in angular 7.What I want to achieve when ever canvas drop method called I add svg component in canvas.I have add svg component on canvas drop method.But its not draggable. I attach my code and video for better understand.Thanks @artf if you help me.

<code>const domComponents = this._editor.DomComponents;</code> <code>const wrapperChildren = domComponents.getComponents();</code> <code>comp = wrapperChildren.add({</code> <code> tagName: 'svg',</code> <code>type: 'svg',</code> <code>attributes: { viewBox: '0 0 100 100', xmlns: 'http://www.w3.org/2000/svg' },</code> <code>stylable: true,</code> <code>resizable: true,</code> <code>removable: true, </code>// Can't remove it <code>draggable: true, </code>// Can't move it <code>copyable: true, </code>// Disable copy/past <code>content: <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />, </code> <code> });</code>