javascript - MaterializeCss: SideNav not working properly after update -


i updated css/js files of materializecss design in project v0.97.5 v0.97.8.

i thought wouldn't make of difference sidenav not working right anymore. when click on menu, slide out dark overlay on entire screen , cannot click anything. looks like:

enter image description here

it looks 'sidenav-overlay' div opacity above sidenav. also, cannot click on menu inside sidenav.

the implementation of similar mentioned in documentation. i'm not sure changed on here.

edit1: code -

<div class="navbar-fixed">   <nav>     <div class="nav-wrapper light-blue lighten-1">       <ul id="slide-out" class="side-nav hide-on-med-and-down print-hidden">         <li><a href="#!">upload<i class="material-icons right">cloud_upload</i></a></li>         <li class="divider"></li>         <li class="div-title">admin</li>          <li><a href="/admin/users">users</a></li>         <li><a href="/admin/roles">roles</a></li>       </ul>        <a href="#" data-activates="slide-out" class="button-collapse show-on-large"><i class="material-icons">view_headline</i></a>        <a href="#" class="brand-logo">logo</a>     </div>   </nav> </div> 

what fixed side-nav ul list inside navbar-fixed div. wasn't issue in previous version reason, broke in current 0.97.8 version.

just moving side-nav outside navbar section fixed me. helps else in same situation.


Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -