how to make popup for dropdown stay without disapearing even on clicling outside

[thowfik]

how to make popup for dropdown stay without disapearing even on clicling outside

Thanks in Advance 

Regards

Thowbik

[Prince Oliver]

Hi Thowbik, 

Thank you for contacting us. 

You can use the close event in the control and set the args.cancel as true to prevent the popup from closing. Kindly refer to the following code. 

[app.component.html] 

<ejs-dropdownlist id='games' #sample1 [dataSource]='sportsData' [fields]='localFields' [placeholder]='localWaterMark' (close)="onClose($event)" [popupHeight]='height'></ejs-dropdownlist> 

[app.component.ts] 

public onClose = (e) => { 

  e.cancel = true; 

} 

Example link: https://stackblitz.com/edit/angular-oasyni  

Let us know if you need any further assistance on this. 

Regards, 

Prince 

[Rocky]

Hi All, 

How-to close three dots sort, filter select ,deselect drop-down menu on popup when click outside of its region , it's closing when click agin on three dots , not closing when we click outside in sync fusion ejs grid menu .

Thanks 

[UdhayaKumar Duraisamy]

Hi Rocky,

We are validating the requirement. We will update the further details in two business days (17^th August 2022).

Regards,

Udhaya Kumar D

[UdhayaKumar Duraisamy]

Hi Rocky,

We request you to provide more information for our clarification. Please share the below details that will be helpful for us to provide a better solution.

1) Share the issue replication procedure step by step.

2) Share the issue scenario in a video demonstration format.

3) Simple issue reproducible sample or try to reproduce the issue with our sample which was shared in our previous update.

Regards,

Udhaya Kumar D