telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
466 stars 215 forks source link

Scheduler Timeline View table is misaligned when hiding and showing the vertical scroll #4359

Open yanmariomenev opened 1 month ago

yanmariomenev commented 1 month ago

Describe the bug If initially, you load enough resources to require a vertical scroll, then reduce them to eliminate the scroll, and subsequently load more, the vertical scroll reappears. However, this causes issues with table rendering, resulting in misaligned slots and headers.

This behavior also happens if you initially don't have vertical scroll, and then load more resources which will render the scroll and break the alignment.

https://github.com/user-attachments/assets/0abefe78-550d-4564-8505-c04191dd14dd

To Reproduce

  1. Open the following StackBlitz and make sure that the Scheduler has enough space to not render a horizontal scrollbar.
  2. Press button two and then button one to load different amounts of resources which will result in removing and adding the vertical scrollbar.

Screenshots Screenshot 2024-07-17 at 10 22 02

Workaround

Re-render the view: https://stackblitz.com/edit/angular-edkyak-vjdur3?file=src%2Fapp%2Fapp.component.ts,src%2Findex.html