Bug report

Reproduction of the problem

Reproducible in the Columns demo: https://demos.telerik.com/kendo-ui/gantt/columns

1. Filter by "Title" -> contains "Market". Only the child "Market" will be visible in the parent "Research" task.
2. Edit "Market" and set it percentComplete to 100%.

Current behavior

The parent's percent complete is also set to 100%. This is incorrect, since the other children of parent are not removed from the dataSource, they are just visually filtered. The problem becomes more evident, if the filter is cleared. Then the parent keeps its 100% value, even though it contains child tasks with percentComplete less than 100%.

Expected/desired behavior

The parent task percent complete should be consistent to the behavior without filtering applied. Using the same example, this means: on updating "Market" to 100%, Research should change its percentComplete to 49%, taking into account all of its children percentComplete values.

Environment

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

Reproduction:

1. Open https://demos.telerik.com/kendo-ui/gantt/pdf-export
2. Click "Export to PDF" and open file
3. Actual result: there's a lot of blank space on the right
4. Expected result: the margin should correspond to the pdf.margin.right option
   

A working example of the bug is at https://dojo.telerik.com/EPuqExOg with a simple workaround until the bug is fixed.

Currently, the percentage textbox doesn't work when in the German language.

The date textboxes localize ok.

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

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

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

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]

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>

<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({
  dataSource: [{
    id: 1,
    orderId: 0,
    parentId: null,
    title: "Task1",
    start: new Date("2014/6/17 9:00"),
    end: new Date("2014/6/17 9:00")
  }]
});
var gantt = $("#gantt").data("kendoGantt");
gantt.dataSource.add({
  parentId: null,
  start: new Date("2014/6/17 10:00"),
  end: new Date("2014/6/17 11:00"),
  title: "New Task"
});
</script>
</body>
</html>

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.

  

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]

Bug report

While editing a Gantt task name navigating in the input field with a mouse click does not work. Double-clicking on a cell enters edit mode and positions the cursor at the end of the text. Moving the cursor using the mouse does not work while navigating in the input field with the keyboard works.

Reproduction of the problem

1. Run this dojo
2. Double-click the title of the first task
3. Try to click elsewhere in the input field to move the cursor.

Current behavior

Clicking in the input field does not move the cursor to the selected position

Expected/desired behavior

Clicking in the input should move the cursor to the selected position

Environment

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