Topic: Dropdown toggle menu not automatically dismissed after selecting an item
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>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Damian Gemza staff commented 7 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