'Autoclose issue when manual triggering the dropdown(BsDropdownModule)

Here I am using isOpen property of dropdown to open the dropdown, but I want the dropdown to autoClose and it is not happening. I am using BsDropdownModule from ngx-bootstrap for this.

<div class="btn-group" dropdown #dropdown="bs-dropdown" [autoClose]="true" [insideClick]='true'>
<button type="button" class="btn btn-primary">
  Button dropdown <span class="caret"></span>
</button>
<ul id="dropdown-triggers-manual" *dropdownMenu class="dropdown-menu"
    role="menu" aria-labelledby="button-triggers-manual">
  <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
  <li class="divider dropdown-divider"></li>
</ul>
</div>
<button type="button" class="btn btn-primary" (click)="dropdown.isOpen=true">Show</button>

Stackblitz representation: https://stackblitz.com/edit/angular-ngx-dropdown-msaj1m?file=src/app/app.component.ts

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Autoclose issue when manual triggering the dropdown(BsDropdownModule)

Sources

Related Questions