title: Button not working when sidenav is out
body: <p>I'm working on a login page on my site button for some reason the submit button isn't clickable when the sidenav is out (I'm using the materialize framework).</p>
  
  <p>I have modified my sidenav a bit so that the overlay is removed when it is out and it doesn't close when clicked outside it.</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-js lang-js prettyprint-override"><code>$('.button-collapse').sideNav({
            menuWidth: 260, 
            edge: 'left', 
            closeOnClick: true 
          }
        );
        
        
        //Unbind sidenav click to close 
        $(function(){
          
      
          $(".drag-target").unbind('click');
          $("#sidenav-overlay").unbind('click');
      });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html,body {
       height: 100%;
       background-color:
      }
      
      header, main, footer, header{
          padding-left: 0 auto;
      }
      
      @media only screen and (max-width : 992px) {
       header, main, footer {
              padding-left: 0;
          }
      }
      
      .rotate90 {
       -ms-transform: rotate(-90deg); 
          -webkit-transform: rotate(-90deg); 
          transform: rotate(-90deg);
      } 
      
      
      .text1 {
       color: #212121;
      }
      
      .text2 {
       color: #757575;
      }
      
      nav.top-nav {
       background-color: #303F9F;
      }
      
      .title-text {
       font-family: Roboto;
       font-weight: bold;
      }
      
      a.bold, .bold {
       font-family: Roboto;
       font-weight: bold;
      }
      
      a.light, .light {
       font-family: Roboto;
       font-weight: normal;
      }
      
      #sidenav-overlay {
       display: none;
      }
  
  
  
      </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;body&gt;
            &lt;header&gt;
               &lt;nav class="top-nav"&gt;
                  &lt;div class="container"&gt;
                     &lt;a href="#" data-activates="slide-out" class="button-collapse show-on-large"&gt;&lt;i class="material-icons"&gt;menu&lt;/i&gt;&lt;/a&gt;
                     &lt;div class="navbar-wrapper"&gt;
                        &lt;a href="/index.html" class="brand-logo center"&gt;Icy Fire&lt;/a&gt;
                     &lt;/div&gt;
                  &lt;/div&gt;
               &lt;/nav&gt;
               &lt;ul id="slide-out" class="side-nav"&gt;
                  &lt;h4 class="title-text center-align"&gt;Navigation&lt;/h4&gt;
                  &lt;div class="divider"&gt;&lt;/div&gt;
                  &lt;li&gt;&lt;a href="/user/account.php" class="waves-effect waves-teal bold"&gt;Account&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="no-padding"&gt;
                     &lt;ul class="collapsible collapsible-accordion"&gt;
                        &lt;li&gt;
                           &lt;a class="collapsible-header waves-effect waves-teal bold"&gt;Pages&lt;i class="material-icons"&gt;arrow_drop_down&lt;/i&gt;&lt;/a&gt;
                           &lt;div class="collapsible-body"&gt;
                              &lt;a href="/index.html" class="active waves-effect light"&gt;Index&lt;/a&gt;
                           &lt;/div&gt;
                        &lt;/li&gt;
                     &lt;/ul&gt;
               &lt;/ul&gt;
            &lt;/header&gt;
         
            &lt;main&gt;
               &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                     &lt;div class="col s12"&gt;
                        &lt;h2 class="indigo-text"&gt;Login&lt;/h2&gt;
                        &lt;div class="divider"&gt;&lt;/div&gt;
            
                        &lt;form class="col s12" action="login.php" method="POST"&gt;
                           &lt;div class="input-field"&gt;
                              &lt;input id="username" type="text" class="validate" name="username" required&gt;
                              &lt;label for="username"&gt;Username&lt;/label&gt;
                           &lt;/div&gt;
                           &lt;div class="input-field"&gt;
                              &lt;input id="password" type="password" class="validate" name="password" required&gt;
                              &lt;label for="password"&gt;Password&lt;/label&gt;
                           &lt;/div&gt;
                           &lt;div class="input-field"&gt;
                              &lt;input type="checkbox" id="indeterminate-checkbox" name="remember" value="on" /&gt;
                              &lt;label for="indeterminate-checkbox"&gt;Remember me&lt;/label&gt;
                           &lt;/div&gt;
            
                           &lt;button class="btn waves-effect waves-light blue right" type="submit" name="action"&gt;Submit
            &lt;i class="material-icons right"&gt;send&lt;/i&gt;
           &lt;/button&gt;
           
                        &lt;/form&gt;
            &lt;h5 class="indigo-text"&gt;&lt;?php getMsg(); ?&gt;&lt;/h5&gt;
                     &lt;/div&gt;
                  &lt;/div&gt;
               &lt;/div&gt;
            &lt;/main&gt;
            &lt;footer&gt;
            &lt;/footer&gt;
         &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here it is on my website: <a href="https://icy-fire.com/user/login.php" rel="nofollow">link</a></p>