title: How keep open mdl-menu with html select when it's click?
body: <p>Here is an example of what is happening, when the dropdown list in the menu is clicked the menu is dismissed. Thanks in advance</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-css lang-css prettyprint-override"><code>#menu{
      margin: 0 auto; 
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://code.getmdl.io/1.3.0/material.light_blue-blue.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://code.getmdl.io/1.3.0/material.min.js"&gt;&lt;/script&gt;
  
  &lt;nav class="mdl-navigation"&gt;
     &lt;button id="menu" class="mdl-button mdl-js-button mdl-button--icon"     style="background-color:blue"&gt;
     &lt;/button&gt;
     &lt;ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="menu" id="ul_container"&gt;
         &lt;p&gt;DropDownList&lt;/p&gt;
            &lt;li&gt;
               &lt;select name="Select"&gt;
                  &lt;option value="0"&gt;Option_0&lt;/option&gt;
                  &lt;option value="1"&gt;Option_1&lt;/option&gt;
                  &lt;option value="2"&gt;Option_2&lt;/option&gt;
                  &lt;option value="3"&gt;Option_3&lt;/option&gt;
                  &lt;option value="4"&gt;Option_4&lt;/option&gt;
                  &lt;option value="5"&gt;Option_5&lt;/option&gt;
               &lt;/select&gt;
            &lt;/li&gt; 
     &lt;/ul&gt;      
  &lt;/nav&gt;</code></pre>
  </div>
  </div>
  </p>