Dropdowns do not autoClose

Hi,

- downloaded mdb-angular-pro-4.3.5.zip, unzipped, npm i
- src/app/app.component.html changed to:

<!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark indigo">
 
 <!-- Navbar brand -->
 <logo><a class="navbar-brand" href="#">Navbar</a></logo>

<!-- Collapsible content -->
 <links>

<!-- Links -->
 <ul class="navbar-nav mr-auto">
 <li class="nav-item active">
 <a class="nav-link waves-light" mdbRippleRadius>Home<span class="sr-only">(current)</span></a>
 </li>
 <li class="nav-item">
 <a class="nav-link waves-light" mdbRippleRadius>Features</a>
 </li>
 <li class="nav-item">
 <a class="nav-link waves-light" mdbRippleRadius>Pricing</a>
 </li>

<!-- Dropdown -->
 <li class="nav-item dropdown" dropdown>
 <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
 Basic dropdown<span class="caret"></span></a>
 <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Action</a>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Another action</a>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Something else here</a>
 <div class="divider dropdown-divider"></div>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Separated link</a>
 </div>
 </li>

<!-- Dropdown -->
 <li class="nav-item dropdown" dropdown>
 <a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
 Basic dropdown<span class="caret"></span></a>
 <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Action</a>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Another action</a>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Something else here</a>
 <div class="divider dropdown-divider"></div>
 <a class="dropdown-item waves-light" mdbRippleRadius href="#">Separated link</a>
 </div>
 </li>

</ul>
 <!-- Links -->

<!-- Search form -->
 <form class="form-inline waves-light" mdbRippleRadius>
 <input class="form-control mr-sm-2" type="text" placeholder="Search">
 </form>
 </links>
 <!-- Collapsible content -->

</mdb-navbar>
<!--/.Navbar-->

(this is the same code as here, with doubled "Basic dropdown" nav-item)

And now, when I open any dropdown menu, this dropdown do not (auto)close when I click any other nav-item, when I enter the search input box and even when I open the other dropdown, the first one remains still open. What to do to make the dropdowns realy autoclosable?

Thanks,
Radek