title: HTML5 Drag and Drop - Firefox is being redirected
body: <p>I'm trying to implement HTML5's drag and drop in my app, but Firefox is always redirected to dropped image's source. I'm using <code>e.stopPropagation()</code>. In Chromium everything works as expected.
  Here's the code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;section class=&quot;desktop&quot;&gt;
    &lt;img class=&quot;icon&quot; style=&quot;left: 0px; top: 340px;&quot; src=&quot;./computer.png&quot; /&gt;
    &lt;img class=&quot;icon&quot; style=&quot;left: 0px; top: 170px;&quot; src=&quot;./documents.png&quot; /&gt;
    &lt;img class=&quot;icon&quot; style=&quot;left: 0px; top: 0px;&quot; src=&quot;./bin.png&quot; /&gt;
  &lt;/section&gt;
  &lt;script&gt;
    window.clickedIcons = [];
    window.draggedIcon = {
      offset: [0, 0],
      element: null
    };
  
    //Drag &amp; drop
    function dragStart(e) {
      window.draggedIcon.element = e.target;
      event.dataTransfer.effectAllowed = 'copyMove';
      event.dataTransfer.setData('text/plain', 'hey'); //hack
  
      const style = getComputedStyle(event.target);
      draggedIcon.element = event.target;
      draggedIcon.offset[0] =
          parseInt(style.getPropertyValue(&quot;left&quot;)) - event.clientX;
      draggedIcon.offset[1] =
          parseInt(style.getPropertyValue(&quot;top&quot; )) - event.clientY;
    }
  
    function dragOver(e) {
      e.preventDefault();
      return false;
    }
         
    function drop(e) {
      draggedIcon.element.style.left =
          (event.clientX + window.draggedIcon.offset[0]) + 'px';
      draggedIcon.element.style.top =
          (event.clientY + window.draggedIcon.offset[1]) + 'px';
      draggedIcon.element.style.visibility = 'visible';
      draggedIcon.element = null;
  
      if (e.stopPropagation) { e.stopPropagation(); }
      return false;
    }
  
    const icons = document.querySelectorAll('.desktop .icon');
    for (const i of icons) {
      i.addEventListener('dragstart', dragStart, false);
      i.addEventListener('click', click, false);
    }
  
    document.body.addEventListener('dragover', dragOver, true);
    document.body.addEventListener('drop', drop, true);
  &lt;/script&gt;
  </code></pre>
  <p>Thanks!</p>