title: How do I get clientX and clientY to work inside my "drag" event handler on Firefox?
body: <p>Mozilla Firefox 3.x seems to have a bug when listening to the &quot;ondrag&quot; event. The event object doesn't report the position of the object being dragged, <code>clientX</code>, <code>clientY</code>, and other screen offsets are all set to zero.</p>
  <p>This is quite problematic as I wanted to make a proxy element based on the element being dragged and using of course, <code>clientX</code> and <code>clientY</code> to adjust its position.</p>
  <p>I know that there's cool stuff around such as <code>setDragImage</code> in HTML5 but I want to provide a generic abstraction for native DD between browsers.</p>
  <p>Faulty code:</p>
  <pre><code>document.addEventListener('drag', function(e) {
      console.log(e.clientX); // always Zero
  }, false);
  </code></pre>
  <p>Note:</p>
  <p>This problem doesn't happen on other events (<code>dragstart</code>, <code>dragover</code>) and the <code>mousemove</code> events cannot be captured while dragging something.</p>