AutoClose issue when opening dropdown using isOpen property

[tanishkab]

Hi, I am kind of facing somewhat same issue, but here I am using isOpen property of dropdown in my ts file to open it, but I want the dropdown to autoClose and it is not happening.

<div class="btn-group" dropdown [insideClick]="true" #newdropdown="bs-dropdown" [autoClose]="true" container="body"> <div *dropdownMenu class="dropdown-menu" role="menu"> <multiEntity-table> </multiEntity-table> </div> </div>

I am using #newdropdown template ref to use isOpen property in my .ts file.

Originally posted by @tanishkab in https://github.com/valor-software/ngx-bootstrap/issues/5222#issuecomment-1020895728

[SvetlanaMuravlova]

@tanishkab can you add more details regarding your issue, what version of library and angular do you use?

[tanishkab]

Angular version : "~11.1.0" , ngx-bootstrap version: "^6.1.0"

[SvetlanaMuravlova]

try to use the next version 6.2.0, and i can see the property autoclose is workable in such version https://valor-software.com/ngx-bootstrap/old/6.2.0/#/dropdowns

[tanishkab]

The problem is still there, even after upgrading the library

[SvetlanaMuravlova]

@tanishkab, so i think it will be helpful if you will create a small example to reproduce such bug, cause we can't reproduce it Also i can see it works in our documentation.

[tanishkab]

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

[SvetlanaMuravlova]

@tanishkab thank you for your message, i can confirm your issue now

[moddi3]

I also have this problem(

[liuyankit]

I'm encountering the same issue, anyone has a workaround?

[tanishkab]

nope, if you can add dropdownToggle then it works fine otherwise not