I'm seeing an error in the Chrome console when the filter menu is clicked on in a kendo grid: https://demos.telerik.com/kendo-ui/grid/filter-menu-customization
You can see the example in the link above by opening your console in Chrome and clicking on the filter button.
Here is the error:
Blocked aria-hidden on a <a> element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Bug report
Image browser invalidFileType error contains " since 2023.2.718
Reproduction of the problem
https://demos.telerik.com/kendo-ui/editor/imagebrowser
Expected/desired behavior
No " shall be present in the error message when an unsupported format is selected
Environment
**Kendo UI version: 2023.2.718 or newer
**jQuery version: 3.7.0
**Browser: [all]
Bug report
When a custom class attribute is set via the columns.attributes option, the TreeList renders an additional class that is undefined.
Reproduction of the problem
1. Initialize a TreeList.
2. Set a custom class via the attributes option:
3. Inspect the relevant "td" element
Dojo sample for reproduction:
https://dojo.telerik.com/IqApoGOz
Expected/desired behavior
The TreeList should render only the specified classes.
Environment
* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all]
Bug report
An error occurs on components' initialization when using a custom Kendo UI build which includes PDFviewer
Reproduction of the problem
- Go to Kendo UI Custom Download page
- In the "WEB" section select random components including the Grid and PDFviewer
- Download the custom build(kendo.custom.min.js file) and put it in the same folder with an HTML file with the following structure.
<!DOCTYPE html>
<html>
<head>
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/jquery.min.js"></script>
<script src="./kendo.custom.min.js"></script>
</head>
<body>
<div id="example">
<div id="grid"></div>
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
template: "<div class='customer-name'>#: ContactName #</div>",
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
});
</script>
</div>
</body>
</html>- The following error appears:
Uncaught TypeError: Cannot read property 'Toolbar' of undefined
Current behavior
Expected/desired behavior
A Grid should be initialized properly and without errors if a custom build is including the PDFviewer
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [all]
Describe the bug
Once the Tooltip is shown for a target with short title, if opened for a target with longer title, its width is not updated properly. The shortest width is persisted. Reproducible in all SASS themes, not reproducible in the LESS themes.
To reproduce
Steps to reproduce the behavior:
- Go to dojo.
- Hover "Korean"
- Hover "Korean short"
- Hover "Korean" again
Expected behavior
The Tooltip should resize properly to fit the title of the element it is shown for.
Screenshots
Affected package (please provide)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please provide)
- Kendo UI for jQuery
- Kendo UI for Vue
Affected browsers (please provide)
- Firefox: [latest]
- Chrome: [latest]
- Edge version: [latest]
- IE version: [11]
Build system information (please provide)
- OS: [Windows]
Additional context
N/A
When an object is passed to an iframe method and kendo.observable is called on it, an error is thrown. This error is new in the latest kendo releases and appears to be from a change to how kendo decides if something is an object. Kendo now uses { Object.getPrototypeOf(value) === Object.getPrototypeOf({})) } which it did not do in prior releases. This test fails when the object tested is passed in from another frame.
You can repo this issue on the test site we setup: Kendo UI Snippet (sixdisciplines.com)
Click the 'Call IFrame' button and notice the following error thrown:
Uncaught TypeError: e.bind is not a function
at init.wrap (kendo.all.js:318535:21)
at kendo.all.js:318535:21
at Array.forEach (<anonymous>)
at new init (kendo.all.js:318535:21)
at n.observable (kendo.all.js:318535:21)
at iframeMethod (iframetest.html?5:14:25)
at callIFrame (test.html:17:55)
at HTMLButtonElement.onclick (test.html:21:34)
Following is the source used for this repo. I have also attached the html files.
Test.html:
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
<script>
function callIFrame(){
debugger;
var obj = new Object({ p1: 1, p2: 2, child: new Object({ c1: 1, c2: 2 }) });
document.getElementById('targetFrame').contentWindow.iframeMethod(obj);
}
</script>
<button onclick="callIFrame()">Call IFrame</button>
<iframe id='targetFrame' src='iframetest.html?5'></iframe>
</body>
</html>
iframetest.html
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
<script>
function iframeMethod(obj){
debugger;
var observable = kendo.observable(obj);
alert('called')
}
</script>
IFrame with kendo
</body>
</html>
Hi Team,
Sorry for the confusion. I don't know where to post this content issue I saw in your website.
Have a nice day :)
When a ContextMenu is opened for the first time, the animation is not executed. Every consequent open trigger the animation successfully.
The issue can be observed in the following Dojo.
Steps to reproduce:
- Open the ContextMenu and notice there is no animation.
- Open the ContextMenu again and notice the default animation is triggered.
Bug report
The declaration in the jQuery interface (kendo.all.d.ts) is missing:
kendoBadge(): JQuery;
kendoBadge(options: kendo.ui.BadgeOptions): JQuery;
data(key: "kendoBadge"): kendo.ui.Badge
Reproduction of the problem
Current behavior
Expected/desired behavior
Environment
- Kendo UI version: 2020.3.1021
- jQuery version: x.y
- Browser: [all]
Bug report
Window modal overlay missing when using KendoWindow that has the following configuration fo window1
{
modal: true,
draggable: {containment: "body"}
}
I aware that there is this forum talking about this issue, but the example is opeining both window without draggable.containment configuration.
The current easist workaround is dont set draggable.containment for window1
Reproduction of the problem
1. Run this dojo
2. Open window1, then open window2, close window2
3. The modal overlay for window1 dissapeared
Current behavior
When window1 has configuration for draggable.contaiment, its modal overlay will dissapear after window2 closed
Expected/desired behavior
The modal overlay for window1 should remain, closing window2 should not affect window1's modal overlay
Environment
Kendo UI version: 2021.2.616
jQuery version: 3.4.1
Browser: all
Video: https://www.youtube.com/watch?v=8pnFjgzdaJ8&feature=youtu.be
1. Navigate to: https://dojo.telerik.com/@milena/uZaGuZol (open the dojo sample in edit mode, but not in FullScreen)
2. Scroll Grid to the last item.
3. Open for editing ProductName cell.
4. Open for editing Discontinued cell.
Result: 'Discontinued' cell of the second item will be opened for editing.
Expected: 'Discontinued' cell of the last item should be opened for editing.
If the delete rows button is used on a table that is followed by another table, and all the rows from the first one are deleted, the next table receives focus. Upon clicking the delete row button again, an error is being thrown "Cannot read property 'rows' of undefined".
The issue can be reproduced with the Basic Usage Demo::
- create a table
- create a table immediately following the first
- focus the last row of the first table and click the 'Delete row' button until all rows are deleted.
- Click the 'Delete row' button again.
Bug report
The workbook exporting to Excel generates a corrupted file when the name of some of its sheets contains a "cell-related" value - for example, "A1", "G5", "F45", etc.
Reproduction of the problem
- Open this Dojo project and run it
- Save the exported Excel file and open it.
Current behavior
When the saved file is opened in Excel, a "corrupted file" warning appears on the screen.
Expected/desired behavior
There shouldn't be any warnings when opening a saved workbook
Environment
- Kendo UI version: 2019.3.1023
- jQuery version: x.y
- Browser: [all]
Bug report
When a culture that uses a "comma" as a decimal separator is applied to the Kendo UI NumericTextBox, the value of the aria-valuenow attribute uses the value without transforming the "," separator into a "." separator.
Reproduction of the problem
Set a culture that utilizes the comma as a decimal separator. Notice the aria-valuenow attribute's value:
https://dojo.telerik.com/okoJIRID
Environment
* **Kendo UI version:** 2020.2.617
* **jQuery version:** 1.12.4
* **Browser:** [all]
Describe the bug
The TextArea has 14 px font-size and the other inputs have 100% font-size.
Reported in: 1486377
To reproduce
https://dojo.telerik.com/iLeZIpEz
- Use the LESS-based theme.
- Implement a TextArea component.
- Implement a TextBox component.
Expected behavior
The font-sizes for the TextArea and the TextBox have to be equal.
Environment
- Kendo UI version: 2020.3.915
- Browser: [all]
kendo.all.min.js is reporting this in Chrome.
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. In a future version of Chrome, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
https://blog.chromium.org/2021/05/update-on-user-agent-string-reduction.html
When will this be resolved?
Create a setting that will enable/disable the drag to select when Multiple Selection is enabled.
Current behavior
The Selectable widget which has drag selection functionality is always turned on, but in some cases it conflicts with other logic like drag and drop.
Expected/desired behavior
Create a setting to enable/disable drag-selection.
Environment
- Kendo UI version: all
The API docs for CheckboxGroup (https://docs.telerik.com/kendo-ui/api/javascript/ui/checkboxgroup/methods/value) states: "If passing an empty array, the value of the widget will be reset and the checked state will be removed from the selected checkboxes." But if you do this, it does NOT clear out any selections.
Code demo: https://dojo.telerik.com/IJOtaReh
Code snippit:
<ul id="checkboxgroup"></ul>
<script>
$("#checkboxgroup").kendoCheckBoxGroup({ items: [ "one", "two", "three" ] });
var checkGroup = $("#checkboxgroup").getKendoCheckBoxGroup();
checkGroup.value(["two", "one"]);
checkGroup.value([]);
</script>
Hi,
I would like to report a bug with Spreadsheet control. The problem is when trying to import from JSON data into a specific sheet and there are more than 200 rows for import.
If number of rows to import is up to 200, it works correctly, but if number of rows is 201 or more, import is not correct - data starts to import into new columns.
See this simple reproduction: https://dojo.telerik.com/IFuxijEZ/2