truble with nav and sidenav-overlay

[Sb8691]

Servus

I use this libary and it's great. I have just one little issue with my navbar after .side-nav is opend i click for example on /login angular renders template correctly

but on the bottom is element :

<div id="sidenav-overlay" style="opacity: 1;" class=""></div>

and after redirect it should set opacity do 0 and remove element but it's not working. I provide my example navabar. I tried to use it with native angular router and than also inside click function, still the same result.

Thanx for help.

`

    <ul class="right hide-on-med-and-down">
        <li><a routerLink="/xxxx">xxx</a></li>
    </ul>

    <ul id="nav-mobile" class="side-nav">
       <li><a routerLink="/profile"        routerLinkActive="active">Profile</a></li>
        <li><a href="/logout" (click)="logout($event)">Logout</a></li>
    </ul>
   
    <div class="menu-logo-wrapper">
        <a materialize="sideNav" [materializeParams]="[{edge:'left'}]" data-activates="nav-mobile" class="button-collapse menu-button"><i class="material-icons">menu</i></a>
        <a id="logo-container" href="#" class="logo">Logo</a>
    </div>
   
</div>

`

[Sb8691]

Anyone who has similar issue: [materializeParams]="[{edge:'left', closeOnClick:true}]" -> close on click true deal withit