title: Dragula not dragging
body: <p>I'm trying dragula <a href="https://github.com/bevacqua/dragula" rel="nofollow">https://github.com/bevacqua/dragula</a> in chrome, i could not get it worked , any additional code needed to get it work ?</p>
  
  <p>here is the code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;TODO supply a title&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;link href="dragula.css" rel="stylesheet" type="text/css"/&gt;
      &lt;style&gt;
  
        .wrapper div div{
          background: #FCE8FB;
          margin: 12px 6px 12px 2px;
        }
  
      &lt;/style&gt;
      &lt;script src="dragula.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script&gt;
        dragula([document.getElementById('left1'), document.getElementById('right1')]);
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;div class='wrapper' style="  border: black 3px solid;"&gt;
        &lt;div id='left1' class='container' style="  border: black 1px solid;"&gt;
          &lt;div&gt;You can move these elements between these two containers&lt;/div&gt;
          &lt;div&gt;Moving them anywhere else isn't quite possible&lt;/div&gt;
          &lt;div&gt;There's also the possibility of moving elements around in the same container, changing their position&lt;/div&gt;
        &lt;/div&gt;
        &lt;div id='right1' class='container' style="  border: black 1px solid;"&gt;
          &lt;div&gt;This is the default use case. You only need to specify the containers you want to use&lt;/div&gt;
          &lt;div&gt;More interactive use cases lie ahead&lt;/div&gt;
          &lt;div&gt;Make sure to check out the &lt;a href='https://github.com/bevacqua/dragula#readme'&gt;documentation on GitHub!&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>did i miss something ?</p>