Craftjs running in iframe, initiate drag&drop from parent

[cederron]

I have the landing page example running inside an iframe, and created a toolbox in the parent window.
At the moment when i click a tool ("Container", for example) i post a message to the iframe and a container is created under root node, then i have to drag this container to the desired position. It works but it's not optimal user experience.
Can't directly manipulate the iframe content from parent because it's in different origin.
I would like to imitate crafjs native behavior of drag&drop elements, but having the toolbox in parent window.
I'm asking for some guidance since I can't figure it out.

I tried injecting dragstart event into iframe, but couldn't make it work and don't think it is the right solution.

Any help please. Thanks.