sbb-design-systems / sbb-angular

Angular Library for SBB
https://angular.app.sbb.ch
Other
111 stars 23 forks source link

[Bug]: sbb-table sticky column gets rerendered when datasource gets updated without changes #2438

Open cgaertnerBern opened 6 days ago

cgaertnerBern commented 6 days ago

Preflight Checklist

Bug type

Functionality

Which version are you using

18.6.1

Operating system

Windows 10

Browser / Browser version

Chrome Version 131.0.6778.86 (Offizieller Build) (64-Bit)

Input mode

Mouse/Keyboard

Additional settings

No response

What happened?

When using the sbb-table component and having one or more sticky columns configured, those columns get repainted in browser everytime the datasource gets updated, even if there is no change in the data. This behaviour causes problems in our project because animations beeing trigered when not wanted.

Here is a demo that simulates the problem we're having: https://stackblitz.com/edit/fslunt?file=src%2Fapp%2Fsticky-table-example.ts,src%2Fapp%2Fsticky-table-example.html

In this gif the repainting from the sticky columns is shown: CD-63777

We would expect the repaintings from the sticky columns not to be happening and the animations not being triggered.

Is it possible to fix this behaviour?

Steps to reproduce the issue

  1. Go to Demo: https://stackblitz.com/edit/fslunt?file=src%2Fapp%2Fsticky-table-example.ts,src%2Fapp%2Fsticky-table-example.html
  2. Open webcontainer page in a new window
  3. Open Chrome Developer Extension
  4. Open Rendering tab (through 'More tools' in the menu from the extension)
  5. The content being repainted is showed in green.

Relevant log output

No response