Hi,
I'm using the Grid version 2019.3.1023 but changelog for newer version doesn't seem to show this has been fixed.
Using Html.Kendo().Grid().Columns(columns => colums.ForeignKey(x => x.ForeignCol, data, "value", "label"));
If data contains html, it will not be escaped when the javascript for the kendoGrid component is rendered, and thus is exposed to XSS.
This should be either fixed or documentation and samples must tell explicitly we need to html encoded the data, as this is not the case for the model itself.
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.
From package "@types/kendo-ui": "2020.1.0" i found;
class Connection extends Observable {
options: ConnectionOptions;
dataItem: any;
from: kendo.dataviz.diagram.Shape;
sourceConnector: kendo.dataviz.diagram.Connector;
targetConnector: kendo.dataviz.diagram.Connector;
to: kendo.dataviz.diagram.Shape;
constructor(options?: ConnectionOptions);
The constructor is not correct, it has to be like all example you propose: https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/methods/addconnection
Please correct typings as soon as possible, it drives me in a use that doesn't works
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>
Bug Report
Pressing the dot key on the NumPad does not apply the default decimal separator when the keyboard is set to EN-US/ UK. It always applies the dot.
Steps for Reproduction
1. Set the culture to a culture that uses the comma as a decimal separator - Italian.
2. Switch the keyboard to EN-US/UK.
3. Press the dot on the NumPad.
4. Validation prevents the input.
Dojo sample for reproduction:
https://dojo.telerik.com/OXIsEVAk
Environment
jQuery version: 1.12.4
Kendo UI version: 2020.1.219
Browsers: [all]
Bug report
When the horizontal scroll of the grid is shown and is configured for RTL, the resize handle is mispositioned.
Reproduction of the problem
1. Make the grid scrollable and set explicit widths to all columns.
2. Make the grid RTL.
3. Introduce multi-column headers.
4. Notice that the columns cannot be resized due to the disposition of the handler.
5. Dojo for replication:
https://dojo.telerik.com/IZInOVUd
6. Notice that whenever the horizontal scroll is not present, the resize handle is positioned correctly.
Environment
* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all]
### Bug report
When the footerTemplate option of the TreeList is specified for a column that is part of a multi-column header configuration, the template is not rendered.
### Reproduction of the problem
1. Set a footerTemplate option for the nested column. Dojo sample for reproduction:
https://dojo.telerik.com/iKisAZaS/16
### Environment
* **Kendo UI version:** 2020.1.219
* **jQuery version:** 1.12.4
* **Browser:** [all ]
### Bug report
The height of the locked content in Chrome with jQuery version 3.4.1 (all jQuery versions after 3.1.1) is not calculated correctly.
### Reproduction of the problem
1. Set locked content in the TreeList.
2. The height is not calculated correctly.
Dojo sample for reproduction:
https://dojo.telerik.com/EsobuqAH
### Environment
* **Kendo UI version:** 2020.1.219
* **jQuery version:** 3.4.1
* **Browser:** [Chrome | IE | Edge]
Bug report
When there is a DOM element with "page-break" class inside an element that is about to be exported to PDF, this "page-break" results in a new page in the reported PDF file.
If we hide the parent element in which the element with a "page-break" class is nested and export the content to PDF, in the result file, the content of the hidden DIV is not displayed but there are blank pages for each "page-break" class that can be found in the hidden element.
Reproduction of the problem
- Open this Dojo and run it
- Press the "Hide the DIV element in red" button
- Press the "Export to PDF button" and open the exported file
Current behavior
There are two blank pages at the beginning of the exported document. Each of these pages is a result of the "page-break" CSS classes inside the "#test" element
Expected/desired behavior
The "page-break" class should not result in the exported file if it is nested in a hidden element. Here is a Dojo demonstrating the correct behavior: https://dojo.telerik.com/iZAXiZEz
Environment
- Kendo UI version: 2020.1.219
- jQuery version: x.y
- Browser: [all]
Bug report
The select method of the range in the Spreadsheet component throws an error when we have a selected cell in the visible area of the component and try to select a range that is outside of this visible area.
The bug is replicable both when the range is passed as exact cells or row-column pair:
- sheet.range(3,2,3,3).select();
- sheet.range("C4:E6").select();
** This is a regression from the R3 2019 release
Reproduction of the problem
- Open this Dojo
- Scroll to row 70+ and select a random cell
- Press the "Select range" button
Current behavior
The following error appears in the browser's console
If you scroll to the top rows of the Spreadsheet there is a visual selection of the cells that are passed in the range
Expected/desired behavior
On "Select range" click the "C4:E6" cell range should be selected and the Spreadsheet should be automatically scrolled to this selection.
Here is a working demo: https://dojo.telerik.com/uRERUxOm
Environment
- Kendo UI version: 2020.1.219
- jQuery version: x.y
- Browser: [all]
### Bug report
When the adaptive rendering of the Kendo UI Grid is enabled, the filterMenuOpen event is not triggered.
### Reproduction of the problem
1. Set mobile: true.
2. Attach the filterMenuOpen.
Dojo sample for reproduction:
https://dojo.telerik.com/uhiToseD
### Expected/desired behavior
filterMenuInit event should be triggered regardless of the adaptive rendering mode of the grid.
### Environment
* **Kendo UI version:** 2020.1.219
* **jQuery version:** 1.12.4
* **Browser:** [all]
Bug report
Regression introduced in R1 2020.
Reproduction of the problem
Reproducible in the demo.
- Focus the DropDownTree.
- Click the "Check all" checkbox.
Current behavior
The DropDownTree items are not checked. The issue is reproducible only if the checkbox is clicked. Clicking its label, or checking the checkbox with the keyboard (Space key) checks all items as expected.
Expected/desired behavior
All items are checked.
Environment
- Kendo UI version: 2020.1.219
- jQuery version: x.y
- Browser: [IE, Edge(Spartan) ]
Since the 2019 R1 release k-pager-sm (k-pager-lg, k-pager-md) classes are assigned dynamically based on the width of the page to make the component responsive (as I understood from https://www.telerik.com/forums/kendo-ui-grid-pager-not-displaying-properly-in-sass-mode#wn92di5BakmHqrrMfViFxA)
When grids are used on bootstrap tabs (both boostrap 3 and 4) the k-pager-sm class is added incorrectly, causing the pagers on tabs other than the first to be displayed only partially.
A JSFiddle to demonstrate this: https://jsfiddle.net/nqjc4mbu/
The pager on the 1st tab:
And on the 2nd and 3rd tab:
(we've solved it with a workaround by dynamically removing the k-pager-sm class again on dataBound, but this shouldn't be necessary)
Bug report
When there is a textarea DOM element in a page that is about to be exported to PDF file, the text of the textarea is displayed two times in the exported PDF document. This happens when the papersize property is defined for the kendo.drawing.drawDOM.
Reproduction of the problem
- Open this Dojo in Internet Explorer
- Press the "Export the current document" button
Current behavior
The text in the exported textarea is doubled. The exported file will look like:
Expected/desired behavior
The content inside the textarea should not be doubled, but appear as it is displayed in the browser.
- Open the above Dojo in Chrome and follow the reproduction steps. The exported file looks like:
Environment
- Kendo UI version: 2020.1.219
- jQuery version: x.y
- Browser: [IE 11]
Reproduction of the problem
- In the SASS Theme builder, create а theme based on the Default theme
- Download it and load it on a page with a Grid
Current behavior
On desktop there is a page number duplication: screenshot.
On mobile the page numbers disappear: screenshot
Expected/desired behavior
The pager should look like in the Default theme.
Bug report
Reproduction of the problem
Dojo example.
- Open the browser dev tools (Network tab)
- Select a file for upload in the FileManager
- Check the data sent with the request to the Upload end point
Current behavior
The additional data set in the upload event handler (e.data) is not sent with the request.
Expected/desired behavior
The additional data is sent with the request.
The following dojo example contains a workaround:
<script>
kendo.ui.FileManager.fn._sendUploadPathParameter = function(ev) {
ev.data = $.extend(ev.data, { path: this.path() });
};
</script>
Environment
- Kendo UI version: 2020.1.219
- jQuery version: x.y
- Browser: [all ]
Bug report
The expandTo and expandPath methods of the TreeView do not change the data-expanded and aria-expanded attributes to "true".
Reproduction of the problem
- Open this Dojo, which demonstrates two different TreeViews using the two methods.
- Inspect the expanded items.
Current behavior
After the items are expanded, their data-expanded and the aria-expanded attributes are false.
Expected/desired behavior
After the items are expanded, their data-expanded and the aria-expanded attributes should be set to true.
Environment
- Kendo UI version: 2019.3.1023
- Browser: [all]
Starting from a Grid's "endless scrolling demo" on: https://demos.telerik.com/kendo-ui/grid/endless-scrolling-remote
Edit grid configuration to set smaller page size. All items of the first page need to be visible on the screen plus some free space. A grid height needs to be set. See this DOJO: https://dojo.telerik.com/amiNohIx
The vertical scroll bar is disabled and there is no way to get/see next pages of data.
Interesting is that use of the horizontal scrollbar (if one is available) starts some background operation (looks as data page load) and then the vertical scrollbar is OK.