title: Bulma dropdown not working
body: <p>Bulma dropdown doesn't seem to toggle on click. Below is the code snippet from the documentation:<a href="https://bulma.io/documentation/components/dropdown/" rel="noreferrer">https://bulma.io/documentation/components/dropdown/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.0/css/bulma.min.css" rel="stylesheet"/&gt;
  
  
  &lt;div class="dropdown is-active"&gt;
    &lt;div class="dropdown-trigger"&gt;
      &lt;button class="button" aria-haspopup="true" aria-controls="dropdown-menu"&gt;
        &lt;span&gt;Dropdown button&lt;/span&gt;
        &lt;span class="icon is-small"&gt;
          &lt;i class="fa fa-angle-down" aria-hidden="true"&gt;&lt;/i&gt;
        &lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="dropdown-menu" id="dropdown-menu" role="menu"&gt;
      &lt;div class="dropdown-content"&gt;
        &lt;a href="#" class="dropdown-item"&gt;
          Dropdown item
        &lt;/a&gt;
        &lt;a class="dropdown-item"&gt;
          Other dropdown item
        &lt;/a&gt;
        &lt;a href="#" class="dropdown-item is-active"&gt;
          Active dropdown item
        &lt;/a&gt;
        &lt;a href="#" class="dropdown-item"&gt;
          Other dropdown item
        &lt;/a&gt;
        &lt;hr class="dropdown-divider"&gt;
        &lt;a href="#" class="dropdown-item"&gt;
          With a divider
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>