title: Drag and drop events in embedded SVG?
body: <p>Is there any possibility of receiving drag and drop events from SVG elements within a web page?</p>
  
  <p>I tried the Google Closure library, to no avail.</p>
  
  <p>Specifically, suppose my page contains</p>
  
  <pre><code>&lt;ul id = "list"&gt;
    &lt;li class="item" id="item1"&gt;foo&lt;/li&gt;
    &lt;li class="item"&gt;bar&lt;/li&gt;
    &lt;li class="item"&gt;baz&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And my script contains (Clojurescript/C2)</p>
  
  <pre><code>(let [items (select-all ".item")
        lst (select "#list")
        target (fx/DragDrop. lst nil)]
    (dorun (map
      (fn [item]
        (let [source (fx/DragDrop. item nil)]
          (. source (addTarget target))
          (. source (init))))
      items))
    (. target (init)))
  </code></pre>
  
  <p>Then I <em>do</em> get a drag image (ghost), although I do not manage to receive drag events e.g. by doing</p>
  
  <pre><code>(on-raw "#item1" :dragstart (fn [e] (.log js/console (str "dragstart " e))))
  </code></pre>
  
  <p>Using similar code for SVG elements, I do not even get a ghost...</p>
  
  <p>Any hints?</p>
  
  <p>Thanks</p>