title: Why does D3 Drag not work?
body: <p>So I'm trying to test the drag option but I'm having a particular issue over here.</p>
  
  <p>This is what I have.</p>
  
  <pre><code>selection = d3.select('.right.menu');
  var drag = d3.behavior.drag();
  selection.call(drag)
  selection.on('drag',function(){
   console.log(this);
  })
  </code></pre>
  
  <p>And this just doesn't print the <code>console.log(this);</code></p>
  
  <p>But if I try with </p>
  
  <pre><code>selection.on('click',function(){
       console.log(this);
      })
  </code></pre>
  
  <p>The thing starts printing the console.log();</p>
  
  <p>I think I'm missing something over here but I'm not sure that.</p>
  
  <p>My first thought was that this is a Semantic-ui issue, since they place somewhere the DOM Elements, and for some reason the drag event just doesn't work, but I discard that option because the <code>click event</code> is working.</p>