search

vmware-clarity / ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
https://clarity.design
Other
341 stars 77 forks source link

Datagrid rendering issue #1569

Closed vzdendyak closed 3 weeks ago

vzdendyak commented 3 weeks ago

This is a bug report for the @clr Angular or UI versions of the design system. For the web-component implementation of Clarity (@cds), visit vmware-clarity/core.

If you are a VMware employee or a contractor in VMware, please use our support space in Google Chat to raise Clarity issues.

Describe the bug

I'm encountering some performance issues with the datagrid component. Specifically, I've noticed the following problems:

https://github.com/user-attachments/assets/33e989ee-3941-4051-9df3-e0f1c9a51437

image

How to reproduce

Here is the stackblitz link.

I generate data dynamically and use the setTimeout to imitate the data loading process. The issue happens when the data is loaded and initially displayed in the Datagrid. It's visible that the column width is incorrect and it takes some time to recalculate the column width and display the grid correctly.

Steps to reproduce the behavior:

  1. Open the example
  2. Look at the datagrid column width change

Sometimes it renders fast, so please try to refresh the page several times.

Expected behavior

The datagrid data initial render should be smooth as it was in the previous versions.

Versions

Clarity version:

Framework version:

Device:

Additional notes

This issues affects our application seriously and stops us from migration to Angular 18 and Clarity 17.3.0

github-actions[bot] commented 1 week ago

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.