The clickable link is unclickable after the page is idle for 2-3 mins

Hello Team,

I am using igx data grid. I make API calls every 15 secs to get latest data

Requirement: I have a column 'ID' that is clickable and on click of ID it navigates to new page. But if the page is idle for 2-3 mins, the column is unclickable. Even the cells of the grid are not clickable.

<igx-grid #grid1 [autoGenerate]="false" [data]="all" [height]="'550px'" [showToolbar]="true"

[width]="'100%'"[isLoading]="gridLoading" [displayDensity]="'compact'"

[paging]="false" [perPage]="10" [cellSelection]="'single'">

<igx-column field="id" header="ID" dataType="string" [resizable]="true"

sortable="true" [cellClasses]="statusClasses">

<ng-template #cellTemplate igxCell let-Id>  {{ Id }} </a>

</ng-template>

</igx-column>

Is there a workaround to reload the grid silently or resolve the issue?

Please provide a stackblitz solution ASAP as it is an ongoing project.

Thank you for posting to our forum.

We are looking into your inquiry. It takes some more time until we can give you a reply, so could you wait for a while?

And also, could you share screenshots or a movie which demonstrates the issue so that we can understand it more concretely?

Thank you in advance.

Hello,

I tried creating a reproducible sample, but the issue is not reproduced.
https://stackblitz.com/edit/github-8mdiyy?file=src%2Fapp%2Fgrid%2Fgrid-column-data-types-sample%2Fgrid-column-data-types-sample.component.html

Here are what I did. I created it by using your code as much as possible. I opened it, left the page for 3 ~ 15 minutes and clicked one of the ID cells. Then it opened the page of the href. Therefore, the cell was clickable and the issue was not reproduced.

Could you share with us an isolated and simple sample which demonstrates your issue? With such a reproducible sample, we could investigate your issue more correctly.