Topic: MDB Angular 5 - dropdown problem
Expected behavior
The outer dropdown menu should NOT be closing while clicking on a inner dropdown
Actual behavior
When clicking on the inner dropdown, the outer dropdown dissapear. I looked for a property like autoClose like in MDB Angular 4, but there is none.
Resources (screenshots, code snippets etc.)
<div mdbDropdown class="dropdown" [offset]="5">
<a class="dropdown-toggle tw-text-white" type="button" mdbDropdownToggle>
File
</a>
<ul mdbDropdownMenu class="dropdown-menu tw-rounded-none">
<li>
<div mdbDropdown class="dropdown dropend" #openFileMenu>
<a class="dropdown-item dropdown-toggle" href="#" mdbDropdownToggle>Option 1</a>
<ul mdbDropdownMenu class="dropdown-menu tw-rounded-none">
<li><a class="dropdown-item" href="#">Option 1.1</a></li>
<li><a class="dropdown-item" href="#">Option 1.2</a></li>
</ul>
</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: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: MDB5 1.0.0-beta5
- Device: Laptop
- Browser: Opera GX
- OS: Win10
- Provided sample code: No
- Provided link: No
Related topics
Arkadiusz Idzikowski staff commented 3 years ago
@Catalin Ciurte We currently do not support nested dropdowns but we will take a closer look at this problem and see if we can somehow adjust the component to allow that.