After the grid is frozen, the Open Filter interface is not closed when sliding

[aquan]

HI 

I set the freeze column and then clicked on the Filter function. When sliding, the interface of the Filter was not closed?

https://stackblitz.com/edit/angular-fqasv2-cyj25c?embed=1&file=src/app.component.html

[Santhosh Iruthayaraj]

Hi Aquan,

Greeting from Syncfusion support.

Based on your query, we have created a code snippet for you that will help you close the filter menu when scrolling the movable content. Please refer to the code snippet provided below:

[app.component.html]

 

  <ejs-grid

    #grid

    id='grid'

    [dataSource]="data"

    allowSorting="true"

    allowPaging="true"

    allowFiltering="true"

    [pageSettings]="pageSettings"

    [filterSettings]="filterSettings"

    [frozenColumns]='1' 

    (created)='created()'

  >

 

[app.component.ts]

 

  created() {

    this.grid.element.querySelector('.e-movablescrollbar').addEventListener('scroll', () => this.grid.element.click());

  }

 

You can also find a sample implementation of the code snippet in the following link:

Sample: https://stackblitz.com/edit/angular-fqasv2-bkvubj?file=src%2Fapp.component.html,src%2Fapp.component.ts

Let us know if you have any further queries or concerns.

Regards,

Santhosh I