title: How to move / drag element from outside to iframe
body: <p>I need to move element from outside an iframe into an iframe. My element panel is not part of iframe but my canvas is in the iframe and want to move element into it.</p>
  
  <p>I tried below code : </p>
  
  <pre><code> element_source = self._selenium.find_element(By.XPATH,
                                            '//div[@class="gjs-block-label"][contains(.,"Tooltip")]')
      element_target=self._selenium.find_element(By.CLASS_NAME,'gjs-frame')
      actions = ActionChains(self._driver)
      actions.drag_and_drop(element_source, element_target).perform()
      time.sleep(5)
  </code></pre>
  
  <p>It looks like the issue is that I have to switch to the iframe before I move element, but here I don't see that possibility because drag_and_drop is combined method where my <strong>element_source</strong> is out of the iframe and <strong>element_target</strong> is the iframe itself.</p>
  
  <p>So if I switch before drag and drop, it can't find even <strong>element_source</strong>.</p>
  
  <p>Here is demo page where I am working on : <strong><a href="https://grapesjs.com/demo.html" rel="noreferrer">https://grapesjs.com/demo.html</a></strong></p>
  
  <p>In above demo left side is iframe and right panel is collection of elements.</p>