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:
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
Post a Comment