telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
149 stars 71 forks source link

Scheduler Timeline view misaligned with slot templates #4071

Closed CecoMilchev closed 2 years ago

CecoMilchev commented 2 years ago

When a Scheduler is used that has a Slot Template, the cells in the Timeline view are misaligned. The content of the slot template expands the cell.

Steps to reproduce the behavior:

  1. Create a Scheduler, add resources, and group by resources.
  2. Set a slot template - add content to the cells.
  3. Navigate to the Timeline view - the cells are misaligned.

Dojo for reproduction https://dojo.telerik.com/isapodaX

It appears that the k-scheduler-cell and k-grouping-cell have both flex-basis CSS rule that causes the misalign.

Affected package (please remove the unneeded items)

Affected suites (please remove the unneeded items)

Affected browsers (please remove the unneeded items)

Build system information (please remove the unneeded items)

epetrow commented 2 years ago

Since flex-basis: auto needs to be applied to the k-scheduler-cell due to a specific scenario in React ( showcased here ), our proposition would be to absolutely position the slot template by utilizing !k-pos-absolute from the utility classes if needed. I've added a test in the linked PR to illustrate this.