Filter inside grid is not closing while clicking outside the filter pop-up.

[Adarsh N P]

While we implement syncfusion grid inside a popup and once we click the filter popup in the grid, the filter popup is not closing while we click outside the filter popup which works fine in normal grids. But if the grid is in a popup and the filter popup inside the grid is not closing while clicking outside but closing only when clicking on cancel button on the filter popup.

Note :  Filter inside grid is not closing while clicking outside the filter pop-up. Only applicable to grids inside the popup.

[Vikram Sundararajan]

Hi Adarsh N P,

Greetings from Syncfusion support,

We understand that while implementing the Syncfusion grid inside a popup, the filter popup in the grid is not closing when you click outside the filter popup. Based on your requirement, we have created a sample. In this sample, we have rendered the grid inside the dialog and checked the reported issue. However, we were unable to replicate the issue. The filter popup closes when clicking outside the filter popup. Please refer to the sample and video demo below for more reference:

Sample; https://stackblitz.com/edit/8yv5dy-evcs9m?file=src%2FApp.vue,src%2Fgrid-template-vue.vue

Video: filter-popup

We recommend using the provided sample as a reference to troubleshoot and resolve the issue. If the problem persists, please provide us with a reproducible sample or further details to assist you better.

Regards,

Vikram S

Attachment: filter_popup_6ad4e07e.zip