When the RowHeight of the Gantt is enabled and the planned tasks are shown, the height of the row in the timeline is miscalculated and that creates displacement. 

• https://dojo.telerik.com/EgiGiXUF/5 

Additionally, the task dots used for the dependencies are misplaced in the same scenario as demonstrated in the dojo above. 

Bug report

If a date is configured in Gantt by using the date method or views.date configuration and then a task is edited, the Gantt displays the initial date after editing a task.

Reproduction of the problem

1. Open the Dojo
2. Scroll horizontally and edit a task (for example 'Architecture')

Current behavior

After the task is edited the horizontal scroll position is set to its initial position, not to a position according to the edited task. Thus, the user needs to scroll again in order to find the edited task.
The behavior is not the same when the date method/configuration is not used. Also, the behavior is not the same if we first switch between the 'Day', 'Week', 'Month' views before editing a task.

Expected/desired behavior

Even if the initial date of the Gantt is configured, when the user edits a task, the date should not be persisted. The horizontal scroll should be in the same position as before editing a task.

Environment

• Kendo UI version: 2021.3.1109
• Browser: [all ]

Bug report

When tasks are reordered in Gantt duplicated requests are sent for updating.

Reproduction of the problem

1. Open the Gantt Overview Demo
2. Reorder two tasks and inspect the requests in the Network tab

Current behavior

For example, in case two tasks on the same level are changing their places, four requests are sent, two by two the requests are the same.
In case a task is moved on a different level multiple requests are sent, as all are duplicated.

Expected/desired behavior

There should be no duplicated requests when reordering tasks in Gantt

This is a regression introduced with R3 2020 (2020.3.915)

Environment

• Kendo UI version: 2021.3.914
• Browser: [all ]

Bug report

When the validation message appears that the Start Date should be before the End Date, picking a proper End Date does not automatically remove the validation message in the Gantt.

Workaround: call the validate method in the change event of the End DatePicker.
https://dojo.telerik.com/@martin.tabakov@progress.com/IQiRukIN/11

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/IQiRukIN/10
2. Edit an existing task or create a new one.
3. In the Start DatePicker, choose a date that is after the EndDate, so that the validation message would appear.
4. Pick an EndDate that is after the StartDate.

Current behavior

The validation message remains and the user must again focus and blur the Start Date picker for the message to disappear.

Expected/desired behavior

The validation should be removed automatically after picking a EndDate that is after the StartDate.

Environment

• Kendo UI version: 2021.3.914
• Browser: [all]

Bug report

The menu that determines where to add new task incorrectly appears after creating a new task and editing an existing one.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uBAHUgOy
2. Add new task.
3. Randomly edit another task so that no item is selected in the Gantt TreeList.
4. Press the Add Task button again.

Current behavior

The Add Child/Above/Below menu appears unexpectedly.

Expected/desired behavior

The menu should not appear and a new task should be added at the bottom of the list.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all]

Hi!

For small tasks delete button overlaps a button for creating dependencies. How can we fix this behaviour?

I would like to be able to toggle the planned vs actual view on Gantt outside of the Gantt toolbar. This can be achieved using private methods as in the example below and the Dojo linked here:

```

function changeValue(){
          var gantt = $('#gantt').data('kendoGantt')
          var timeline = gantt.timeline;

          var showPlanned = $('#gantt input.k-gantt-planned-switch').data('kendoSwitch').check()
          $('#gantt input.k-gantt-planned-switch').data('kendoSwitch').check(!showPlanned)

          gantt.wrapper.toggleClass("k-gantt-planned");
          timeline._setPlanned(!timeline.options.showPlannedTasks);
          timeline._render(gantt.dataSource.taskTree());
          timeline._renderDependencies(gantt.dependencies.view());
 }

```

However, having a public method for showing the planned tasks (for example showPlannedTasks(true) ) would be very helpful.

Hi, 

I use a Gantt chart like this one. 

<script>
  $("#gantt").kendoGantt({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2021/6/1"),
    end: new Date("2021/6/3")
  }],
  range: {
    start: new Date("2021/05/31"),
    end: new Date("2021/12/01")
  },
  views: ["month"]
});

In the example, the Gantt chart starts on May 31, 2021.
In the first header line we see the month of May, followed by July. There is no month of June.

https://dojo.telerik.com/@lydbell/ULAPUdOV

This only happens when the last day of the month is Monday .

Bug report

If you select a custom view in the Gantt and shrink the window so that a DropDownList would appear, the custom view does not appear as selected in the DropDownList.

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/@martin.tabakov@progress.com/ECOhusOc
2. Shrink the browser until the DropDownList appears on the Gantt toolbar.
3. Select the Quaterly custom view.

Current behavior

Quaterly custom view is not displayed as the selected value of the DropDownList

Expected/desired behavior

Quaterly custom view should be displayed as the selected value of the DropDownList

Environment

• Kendo UI version: 2021.2.511
• Browser: [all]

Team,

Dojo ref : https://dojo.telerik.com/@Aswathi/uXoJoSUq 

When I edit the calendar value and click on any other row/cell it doesn't get saved. If I click outside it gets saved. I see it's due the property 

.

If we set it  editable:true , it's breaking the reorder functionality.

Is there a way to fix this ?

Appreciate your support.

Regards,

Sujith

Bug report

When planned tasks are displayed and rowHeight is set to the Gantt, the dependency lines are displayed incorrectly

Reproduction of the problem

1. Open the Dojo

Current behavior

Dependency lines are misplaced

Expected/desired behavior

The dependency lines should be rendered on the correct position

Workaround

Set the padding-top to '.k-task-wrap' elements
Dojo

Environment

• Kendo UI version: 2022.1.224
• Browser: [all]

Bug report

If we define a column template for a field that is defined in the resources configuration fo the Gantt, the template is not applied to it

Reproduction of the problem

1. Open this Dojo example
2. There is the same template defined for both the "title" and "resources" fields

Current behavior

The custom template is applied only to the "title" field

Expected/desired behavior

The user should be able to define a custom template for the "resources" fields

Environment

• Kendo UI version: 2020.3.1118
• jQuery version: x.y
• Browser: [all]

Bug report

Regression introduced in R3 2020.

Reproduction of the problem

Reproducible in the demos. Video attached.
Recording47.zip

1. Run the "overview" demo and open the browser devtools console.
2. In the treelist, drag the first task upwards until the "k-i-insert-middle" drag clue appears. The cursor should be positioned just under the treelist header.
3. Drop the task

Current behavior

A js exception is thrown:

kendo.all.js:126843 Uncaught TypeError: Cannot read property 'orderId' of null

Expected/desired behavior

No exceptions are thrown.

Environment

• **Kendo UI version: 2020.3.1118
• jQuery version: x.y
• Browser: [all]

Bug report

If the Gantt is navigatable and editable.reorder is set to false when the user tries to navigate and press Enter on a cell an error is thrown

Regression since: 2020.3.915

Reproduction of the problem

1. Open the Dojo example
2. Navigate for example to 'Task 2'
3. Press 'Enter'

Current behavior

The following error is thrown in the console: r.list._startEditHandler is not a function

Expected/desired behavior

There should be no error in the console.

Environment

• Kendo UI version: 2020.3.1118
• Browser: [all]

Bug report

When dragging and dropping tasks in Gantt (TreeList) the save event is not always fired.

That is a regression introduced with R3 2020 release.

Reproduction of the problem

1. Open the Dojo
2. Drag "Market search" and drop it when the icon is a '+' sign

Current behavior

When dragging and the icon of the dragged item is a '+' the save event is not fired. (screencast)

Expected/desired behavior

Save event should be fired when reordering tasks through drag and drop.

Environment

• Kendo UI version: 2020.3.1021
• Browser: [all ]

Bug report

In a Gantt with a custom editor template, an error "Cannot read property 'getTime' of null" is thrown when you try to save a task.

Regression introduced in the latest version, works fine with 2020.2.617.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/ePohoyoB/15
2. Open the edit popup for a task and try to modify a Date.
3. Hit Save.

Current behavior

An error Cannot read property 'getTime' of null is thrown.

Expected/desired behavior

No errors should be thrown.

Environment

• Kendo UI version: 2020.3.915
• Browser: [all]

Bug report

When the tasks in the Gantt's TreeList are moved/dragged an item appears over them. When the visible size of the TreeList is small, dragging tasks inside it results in unavailability to understand which task is currently being dragged because the draggable item is partially hidden.

Reproduction of the problem

1. Open this Dojo
2. Move the Splitter in the Gantt component to the left, in a way at least half of the initially visible TreeView is hidden.
3. Select Task 2 and drag it.

Current behavior

The draggable item is initialized with a negative "left" CSS style. The task name is partially visible or not visible at all.

Expected/desired behavior

The draggable item should be visible. The task name should be visible.

Environment

• Kendo UI version: 2020.1.406
• jQuery version: x.y
• Browser: [all]

Hi,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with two summaries and a task. Each summary has a child task.

Set rowHeight to 40px.

Expand Summary1. Summary2 changed position and moved to the top of the row.

Collapse Summary1. Summary2 still at the top of the row.

Also, tried with other libraries, the result is the same.

Noticed that if rowHeight is not set, summary doesn't change its position.

Example here: https://dojo.telerik.com/IriJegeX

Please find the screenshot attached.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.mobile.all.min.css">
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
</head>
<body>

<div id="gantt"></div>
<script>
$("#gantt").kendoGantt({
  rowHeight: "40px",
  dataSource: [{
    id: 1,
    orderId: 0,
    summary: true,
    parentId: null,
    title: "Summary1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 2,
    orderId: 0,
    parentId: 1,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 3,
    orderId: 1,
    summary: true,
    parentId: null,
    title: "Summary2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 4,
    orderId: 0,
    parentId: 3,
    title: "Task2",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  },
  {
    id: 5,
    orderId: 2,
    parentId: null,
    title: "Task3",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 11:00")
  }]
});
</script>
</body>
</html>

Thanks.

Hi there,

In Dojo chose Kendo UI 2020 R1 SP2 library and created a Gantt chart with one milestone and task.

Milestone's time is 9 AM but it does not line up exactly with the time block at the top of the Gantt chart (looks like 9:01 AM).

Also, tried with other libraries, the result is the same.

Example here: https://dojo.telerik.com/iPuzEcaQ

Please find the screenshot attached.

<!DOCTYPE html>