[Question] Having trouble dragging external html with draggable="true"

@Davidvlv HTML5 D&D doesn't work like that, adding draggable="true" is not enough. This just tells the browser "Hey you can drag me!", but you have also to specify WHAT do you want to drag (using dataTransfer.setData API).

Here is your example extended with the correct setup and the usage of canvas:dragdata (just as an example, not necessary in this case)

https://jsfiddle.net/artur_arseniev/87rcb24n/

Have u tried this?

     editor = grapesjs.init({
         .......
        dragMode: 'absolute', // 'absolute' | 'translate'
         ......
         })

And also you can set drag mode for each component. https://grapesjs.com/docs/api/component.html#index

Hi @sdrebel

This doesn't solve my problem. I have attached a video showcasing the jsfiddle - note the div with draggable="true" doesn't drag into the editor. grapesjs import draggable.zip