title: Unable to drag and drop element from 1 div to another div element
body: <p>I have been trying to drag an element from one div (below)</p>
  
  <pre><code>&lt;article class="media-gallery-item mg-html5"&gt;
      &lt;div class="mg-thumbnail" draggable="true" data-popcorn-plugin-type="sequencer" data-butter-draggable-type="plugin" data-butter-popcorn-options="{"source":"some_url","thumbnail":"some_url","start":0,"end":10,"from":0,"title":"bdgxkvtbs1.mp4","duration":2.83,"hidden":false,"asset_id":"1457","asset_width":"1280","asset_height":"720","asset_name":"video1.MOV","soundeffects":0}" &gt;
          &lt;img src="some_url"&gt;
  </code></pre>
  
  <p>into another div </p>
  
  <pre><code>&lt;div class="butter-track" data-butter-track-id="1"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>for dropping onto the element we need can also use pixel values.</p>
  
  <p>I have tried the below code but it didn't drag the element into the <code>div</code>. I could even not see it dragging the element at run time.</p>
  
  <pre><code>WebElement src = driver.findElementBy(By.xpath(".//div[@class='mg-thumbnail']"));
  WebElement dest = driver.findElementBy(By.xpath(".//div[@class='butter-track']"));
  Actions act = new Action();
  act.clickAndHold(src).moveByoffset(src, 0,300).release().build().perform();
  </code></pre>
  
  <p>I also tried using: </p>
  
  <pre><code>act.clickAndHold(src).dragAndDrop(src, dest).build().perform();
  </code></pre>
  
  <p>But none dropped the element. (i also could not see the dragging of the element at runtime)</p>
  
  <p><strong>NOTE- the code works for drag and drop as i used earlier but here I'm dragging the element from 1 div to another div so this might be creating the issue.</strong></p>