Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cant use a slideNav with a fixed navbar

See original GitHub issue

If you have a top navigation bar with a class of .navbar-fixed, then any sideNavs within that navbar, will render underneath the overlay in Chrome 39.

No matter what z-index you set on the sideNav, it wont display higher than it’s fixed parent. This makes it unusable - as any attempt to click a link, triggers the event to dismiss the sideNav.

sidenav-issue

Issue Analytics

State:
Created 9 years ago
Comments:7 (1 by maintainers)

Top GitHub Comments

2reactions

SunilDSKcommented, Mar 29, 2017

This just fixed my problem.

<!-- HTML-->
<div class="navbar-fixed>
       <nav>
            <div class="nav-wrapper">
                <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
                <ul class="right hide-on-med-and-down">
                    <li><a class="waves-effect waves-light" href="#header">Intro</a></li>
                                                               . . . . 
                    <li><a class="waves-effect waves-light" href="#blog">Blog</a></li>
                </ul>
                <ul class="side-nav" id="mobile-demo">
                    <li><a href="#header">Intro</a></li>
                                            . . . . .
                    <li><a href="#blog">Blog</a></li>
                </ul>
            </div>
        </nav>
</div>

<!--CSS-->
.navbar-fixed{
    z-index: 1000;
}

0reactions

tomscholzcommented, Apr 1, 2017

These issues are all duplicates: https://github.com/Dogfalo/materialize/issues/1664 https://github.com/Dogfalo/materialize/issues/3918 https://github.com/Dogfalo/materialize/issues/4046 https://github.com/Dogfalo/materialize/issues/4231 https://github.com/Dogfalo/materialize/issues/437 https://github.com/Dogfalo/materialize/issues/4318 https://github.com/Dogfalo/materialize/issues/3982 https://github.com/Dogfalo/materialize/issues/2879 https://github.com/Dogfalo/materialize/issues/4187

For the future discussion, please use this issue instead. https://github.com/Dogfalo/materialize/issues/3844