Won't Fix
Last Updated: 17 Feb 2025 08:29 by ADMIN
Serhii
Created on: 04 Feb 2025 23:39
Category: Gantt
Type: Bug Report
0
Gantt timeline range is invalid when kendo kendoGanttHierarchyBinding is used

Kendo timeline range in the gantt can be miscalculated if children have start and end days earlier that their parent.

This happens to due oversight in TimelineBaseViewService.getRange function. Two variables startResult and endResult are calculated using only top-level entities from the supplied data hierarchy.

This stackblitz shows 2 cases.

  1. The item is out of the bounds on the left due to an earlier start date than its parent's start date.
  2. The item is rendered either as three dots or out of bounds on the right side (depends on the browser. Firefox tend to display three dots, Chrome clips the right side) due to end date being later than its parent's end date.

That's mostly visible on Day and Week timelines, however I believe can be reproduced on monthly and yearly views if the date spread is large enough.

 

3 comments
ADMIN
Yanmario
Posted on: 17 Feb 2025 08:29

Hi Serhii,

Thank you for the provided feedback regarding our demo.

We had the documentation as an item to add in our documentation and it is currently live in our develop version of the website:

https://www.telerik.com/kendo-angular-ui-develop/components/gantt/tasks#parent-child-relationships

Regarding the in-cell editing, you are indeed correct and it seems that the custom logic that handles the editing doesn't update the parent. Generally it is up to the developer to decide how to handle such a situation by ether update the parent or notify the user that such editing isn't allowed due some restrictions.

Saying all that, I will log an internal issue to update the in-cell editing logic to ether update the parent or make the form invalid.

Do let me know if you have any additional questions or concerns regarding task behavior.

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Serhii
Posted on: 11 Feb 2025 11:56

Hi Yanmario.

Thank you for the clarification.

If it's an intended behaviour, I would recommend explicitly stating this in the documentation (unless it already is).

Also, it means that with recently added drag&drop editing support whenever a parent is moved, the children have to be moved altogether. That might sound logical, but it can be easily overlooked. Even the example on the Angular Gantt Example from the official docs is affected by this constraint. If you move the first item "Software validation, research and implementation" to the right, it leads to the same issue of items being outside of the Gantt timeline range.

 

ADMIN
Yanmario
Posted on: 11 Feb 2025 08:07

Hi Serhii,

Thank you for the provided feedback.

By design, our Gantt component requires a parent task to start earlier and end later than its child tasks. For example, if a parent task runs from 2014-06-02T00:00:00.000Z to 2014-06-05T00:00:00.000Z, all child tasks must start on or after 2014-06-02T00:00:00.000Z and end on or before 2014-06-05T00:00:00.000Z.

Feel free to vote for the following feature request as it will help for such scenarios where the child has a shorter start date than its parent:

https://feedback.telerik.com/kendo-angular-ui/1555978-gantt-actual-vs-planned-functionality

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.