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

Question

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 · Accepted Answer

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.tsLet us know if you have any further queries or concerns.Regards,Santhosh I