Materialize CSS: la superposición de Sidenav cubre toda la página

Estoy usando Materialise css y quiero convertir la barra de navegación en sidenav en pantallas medias y pequeñas. Lo hice como en eldocumentación. El problema es que cuando hago clic en el botón de menú, se abre sidenav pero es como la imagen de abajo

No puedo hacer clic en los enlaces en sidenav ya que la superposición sidenav cubre toda la página, incluso la propia sidenav. Se está cerrando cuando intento hacer clic en un enlace. ¿Alguna sugerencia de cómo resolverlo?

HTML:

<div class="navbar-fixed">
    <nav class="">
        <div class="nav-wrapper red lighten-1">
            <div class="container-fluid">
                <a href="#!" class="brand-logo">
                    <img src="img/logo.png">
                </a>
                <a href="#" data-activates="mobile-sidenav" class="button-collapse"><i class="material-icons">menu</i></a>
                <ul class="right hide-on-med-and-down">
                    <li><a href="#">How It Works?</a></li>
                    <li><a href="#">Technology</a></li>
                    <li><a href="#">Pricing</a></li>
                    <li><a href="#">More</a></li>
                    <li><button class="waves-effect waves-light btn deep-orange">Request Demo</button></li>
                </ul>
                <ul class="side-nav" id="mobile-sidenav">
                    <li><a href="#">How It Works?</a></li>
                    <li><a href="#">Technology</a></li>
                    <li><a href="#">Pricing</a></li>
                    <li><a href="#">More</a></li>
                    <li><button class="waves-effect waves-light btn deep-orange">Request Demo</button></li>
                </ul>
            </div>
        </div>
    </nav>
</div>

Me di cuenta de que el navbar-fixed tienez-index de 997 (donde sidenav-overlay también es 997), y creo que puede causar el problema. Sin embargo, la navegación lateral tiene un posicionamiento fijo yz-index de 999. ¿Depende de su padre incluso si tiene una posición fija?

Editar: puedo resolverlo cambiando elleft propiedad de sidenav-overlay, pero no quiero configurarlo manualmente. Estoy buscando otra solución.

Respuestas a la pregunta(2)

Su respuesta a la pregunta