Topic: Dropdown toggle menu not automatically dismissed after selecting an item

dxl pro asked 5 years ago

Dropdown toggle does not automatically dismiss the menu when an item is selected when using routerLink for the options.

<li class="nav-item dropdown" dropdown> <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius> My Account<span class="caret"></span></a> <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu"> <a routerLink="manage/o1" class="dropdown-item waves-light" mdbRippleRadius>Option1</a> <a routerLink="manage/o2" class="dropdown-item waves-light" mdbRippleRadius>Option2</a> <a href="#" class="dropdown-item waves-light" mdbRippleRadius>Sponsors</a> <div class="divider dropdown-divider"></div> <a [routerLink]="" (click)="onClickLogout()" class="dropdown-item waves-light" mdbRippleRadius>Logout</a> </div> </li>

Damian Gemza staff commented 5 years ago

Hello dxl, We know about this problem, and we'll trying to fix this ASAP. For quick workaround you could remove mdbRippleRadius directive from your's dropdown. Best Regards, Damian

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No