title: OnDrop Event never fired for Safari
body: <p>I am building a website specifically for the iPad. I am attempting to get drag &amp; drop to work but the ondrop event seems to never fire for some reason.</p>
  
  <p><strong>Can you help me get the div to detect when I drop an element on top of it?</strong></p>
  
  <p>I have a very simple HTML page that demonstrates that the ondrop event is never fired in Safari. This fails in both desktop safari &amp; ipad safari.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt; &lt;/title&gt;
      &lt;style  type="text/css"&gt;
      &lt;!--
          body {
              margin: 100px;
          }
  
          .dropTarget {
              width: 300px;
              height: 100px; 
              float: left;
              display: inline;
              margin: 10px;
              background-color: green;
              -webkit-user-drop: element;
          }
  
          .drag {
              width: 100px;
              height: 100px; 
              background-color: red;
              -webkit-user-drag: element; /*element*/
          }
  
      --&gt;
      &lt;/style&gt;
      &lt;script type="text/javascript"&gt;
      &lt;!--
          function onDrop(e, ele) { alert("drop"); }
      --&gt;
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div class="drag"&gt;
      &lt;/div&gt;
      &lt;br/&gt;
  
      &lt;div class="dropTarget" ondrop="onDrop(e,this);"&gt;
      &lt;/div&gt;
      &lt;br/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>