MDB Angular 5 - dropdown problem


Topic: MDB Angular 5 - dropdown problem

Catalin Ciurte asked 3 years ago

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>

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.


Please insert min. 20 characters.

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