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>