Performance issue when scrolling ag-grid with ix-elements in cell renderers

[SusiHorter]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

We are using ag-grid with ix-elements inside cell renderers (e.g. buttons, icons, pills) and faced some performance issue when scrolling.
The ix-elements diappear when scrolling fast through the list.
This only occours when the cell renderers use ix-elements.
see comparison: https://stackblitz.com/edit/hpufse?file=src%2Fapp%2Fapp.component.html)

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.2.1

Code to produce this issue.

https://stackblitz.com/edit/hpufse?file=src%2Fapp%2Fapp.component.html

[danielleroux]

Looks like this is more related to ag-grid rendering. Here a example of rendering 2000 rows without aggrid https://stackblitz.com/edit/j8h8x4?file=src%2Fapp%2Fbuttons.ts

[danielleroux]

As soon we have more insights we give you feedback. Maybe as temp. workaround you can play with the rowBuffer to get better results

e.g rowBuffer of 15

Untitled.mov

[SusiHorter]

@danielleroux Thanks for the quick reply. We will try the workaround using the RowBuffer for now.

[github-actions]

🤖 Hello @SusiHorter

Your issue will be analyzed and is part of our internal workflow.
To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-1272