Nav menu never closes

Topic: Nav menu never closes

spaghetti free asked 2 years ago

Hello, I used the code from here as an example: https://mdbootstrap.com/docs/standard/navigation/navbar/

regardless of the menu, it is always open. This is using MDB5 Angular 1.5 from the download link in my purchase.

Expected behavior Nav menu opens/closes as expected.

Actual behavior Nav menu always stays open.

Add comment

Arkadiusz Idzikowski staff answered 2 years ago

0 0 Best answer

@spaghetti The code you used is from MDB5 Standard (pure JavaScript). You can find MDB5 Angular documentation here:

https://mdbootstrap.com/docs/b5/angular/navigation/navbar/

Add comment

spaghetti free answered 2 years ago

0 0 Best answer

<pre class="prettyprint"><code><ul class="sidenav-menu">
 <li class="sidenav-item">
 <a class="sidenav-link" href="">
 Webiste traffic</a
 >
 </li>
 <li class="sidenav-item">
 <a class="sidenav-link"
 >Settings</a
 >
 <ul class="sidenav-collapse">
 <li class="sidenav-item">
 <a class="sidenav-link">Profile</a>
 </li>
 <li class="sidenav-item">
 <a class="sidenav-link">Account</a>
 </li>
 </ul>
 </li>
 <li class="sidenav-item">
 <a class="sidenav-link"
 >Password</a
 >
 <ul class="sidenav-collapse">
 <li class="sidenav-item">
 <a class="sidenav-link">Request password</a>
 </li>
 <li class="sidenav-item">
 <a class="sidenav-link">Reset password</a>
 </li>
 </ul>
 </li>
</ul>
</code></pre>

Navbar
 -->
 
 
 
 
 
 
 
 <li>
 Action
 </li>
 <li>
 Another action
 </li>
 <li></li>
 <li>
 Something else here
 </li>

Please insert min. 20 characters.

<ul class="sidenav-menu">
  <li class="sidenav-item">
    <a class="sidenav-link" href="">
      <i class="fas fa-chart-area fa-fw me-3"></i
      ><span>Webiste traffic</span></a
    >
  </li>
  <li class="sidenav-item">
    <a class="sidenav-link"
      ><i class="fas fa-cogs fa-fw me-3"></i><span>Settings</span></a
    >
    <ul class="sidenav-collapse">
      <li class="sidenav-item">
        <a class="sidenav-link">Profile</a>
      </li>
      <li class="sidenav-item">
        <a class="sidenav-link">Account</a>
      </li>
    </ul>
  </li>
  <li class="sidenav-item">
    <a class="sidenav-link"
      ><i class="fas fa-lock fa-fw me-3"></i><span>Password</span></a
    >
    <ul class="sidenav-collapse">
      <li class="sidenav-item">
        <a class="sidenav-link">Request password</a>
      </li>
      <li class="sidenav-item">
        <a class="sidenav-link">Reset password</a>
      </li>
    </ul>
  </li>
</ul>

Navbar -->

Action

Another action

Something else here

Add comment

spaghetti free answered 2 years ago

0 0 Best answer