title: Firefox ghost image
body: <p>I'm currently using a table structure with the native HTML5 Drag&amp;Drop functionality. I'm applying some "transform" CSS to the table. </p>
  
  <p>The problem here is that after applying "transform" property on the element, if I try to drag&amp;drop via Firefox, the ghost image is positioned far of the cursor ( as I can see, on its original position). </p>
  
  <p>Its working fine on Chrome and Edge, but Firefox gives this bug. </p>
  
  <p>Do you know anything I can try so I can modify the position of the ghost image or fix this issue? </p>
  
  <pre><code>JSFiddle: https://jsfiddle.net/6j3fbq17/
  </code></pre>
  
  <p>Thanks!</p>