Auto wrap every component drag into canvas with another component

I am trying to make sure every component drag into the canvas to be wrapped with a column component. To achieve that I use canvas event. First I disabled window event to prevent default html 5 drag and drop event to be fired. canvas:drop event Let's say that my column component is so simple, only a single div. canvas:dragdata event Above code return error, saying that dataTransfer not defined What I understand is we can customize what we drop to the canvas with result.content something like or What I don't understand is how to wrap the dragged component with element/component.