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

[SusiHorter]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] 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

https://github.com/siemens/ix/assets/2144313/66197894-dd70-4ea7-a033-0d378dfbe37a

[SusiHorter]

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

[github-actions[bot]]

🤖 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