When clicking on ng-select, can't do stopPropagation to parent element

Hi,

I have the following senario:

<div class="parent" (click)="onClick($event)">
   <ng-select
              [options]="options"
              (selected)="onItemSelected($event)">
   </ng-select>
</div>

I want to prevent onClick from being called each time I open/close ng-select dropdown.

I try to add (click) handler on ‘ng-select’ and call stopPropagation but it will not close the dropdown since it’s listening to window.click.

Can you please advise?

[brucepc]

Hi, I’ve the same issue, to workaround i did it:

<ng-select (click)="$event.stopImmediatePropagation()"></ng-select>

Thanks

[Quentigus]

Hello, I’ve the same issue with an ng-select within a ngx-bootstrap’s popover [outsideClick]="true" (https://valor-software.com/ngx-bootstrap/#/popover#outside-click)

On option selection, the popover is automaticly closed. Having event returned into selected event will allow us to stop propagation.

Thanks