Search code examples
angulartypescriptprimeng

Disable dropdown close of multiselect on click of a field inside multiselect dropdown in PrimeNG

I am working on a requirement in which I am using PrimeNG multiselect. This multiselect has checkboxes followed by some text and logo. On click of logo I am displaying some data in popup. On click of the ok button of popup the background multiselect closes, where in I need to disable closing of popup on click of logo. Heere is the stackblitz example for reference: Stackblitz Demo click here.

Step 1: Open mutiselect and click on logo

Step 1: open mutiselect and click on logo

Step 2: Click ok of popup

enter image description here

Step 3: Multiselect Dropdwon closes

enter image description here

Solution

  • Adding StackBlitz Solution.

    Achieved this using onPanelHide eventEmitter which calls checkState there I am keeping panel opened with
    this.multiInput.show();
    If popup is opened.