The Kendo Chart widget's documentation describes the setting messages.noData. However, it is missing in the typescript typings.
The documentation matches the source code, but the typings do not.
Bug report:
MultiColumnComboBox select event is triggered when the dataSource has items with empty text
Reproduce problem:
https://dojo.telerik.com/exAtuTUJ/6
The steps to reproduce this problem:
1. click the dropdown to show options
2. Click anywhere on the document(You will see the alert message, it prompts for trigger event).
Current behavior:
Trigger event anywhere you click on a document.
Expected behavior:
Trigger event only when you click the values in the MultiColumnComboBox component.
Environment:
- Kendo UI version: 2022.2.621
- jQuery version: 1.12.4
- Browser: all
Hello,
I think i have found a potential bug
In the dojo below please run it and notice the window opens fine, then close and reopen it a couple of times.
The animation => open: false is causing the window to reopen at a smaller/zoomed out size.
If you move the window it snaps to the correct size
https://dojo.telerik.com/oDuviZak/2
Reproduction of the problem
Open this web site:
https://demos.telerik.com/kendo-ui/spreadsheet/datasource
And follow the steps provided here:
https://www.screencast.com/t/UdEKYqIve
Current behavior
The first added cell value (or row) is removed when the user deletes an empty row.
If the ID is entered, the result is even stranger:
https://www.screencast.com/t/osmVOiY7al
Expected/desired behavior
It should behave and function like Excel. I think with local/static binding there are no issues.
Bug report
Recurring events are not rendered on the correct date when an event has to be displayed on different dates in different time zones.
Reproduction of the problem
- In our demos or the Dojo linked here create an event with starting time of 09 AM. Set the event to repeat every Monday. In the example below the timezone of the machine and the event is UTC +2 (Sofia)
Below are two events recurring and nonrecurring created with the same starting date and time in UTC +2
- To simulate opening in different time zones change the Timezone on the machine with a difference of more than -9 hours, so the event to be expected to display on the previous day. For example, select UTS -10 Hawaii.
Current behavior
After changing the time zone on the machine from UTC +2 to UTC -10 the event is rendered at 8 PM, but it is still displayed on Monday. Thus, recurring and non-recurring events created with the same start date and time are displayed on different days when the time zone is changed:
Expected/desired behavior
The date of the recurring event should be changed according to the time zone. It should be possible to repeat events on a different days of the week when the Scheduler is opened at different timezone
Environment
- Kendo UI version: 2022.2.512
- Browser: [all ]
In Firefox on 4K screens, the Spreadsheet vertical and horizontal scrollbars cannot be revealed or dragged with the mouse. Scrolling works only with the mouse wheel. The issue is not reproducible in Chrome or on 2K screens. The same behavior is observed in the Kendo UI for jQuery, KendoReact and Kendo UI for Angular Spreadsheet.
Steps to reproduce
- Open the Spreadsheet overview demo in Firefox on a 4K screen (Windows with overlay scrollbars).
- Move the mouse to the right or bottom edge of the Spreadsheet and try to reveal or drag the scrollbar.
Actual behavior
The scrollbar is not shown, or it is very hard to reveal (it appears only occasionally in the top right corner), and it cannot be used.
Expected behavior
The scrollbar is revealed on hover and can be dragged.
Cause
Firefox uses overlay scrollbars, which hide automatically, and the scrollbar width is measured as 0. The Spreadsheet's internal fixed container then covers the whole scrollable area, including the scrollbar, so the mouse never reaches it. The mouse wheel keeps working because it is handled separately.
Environment
Windows 11, Firefox, 4K display, Kendo UI for jQuery 2026.3
The issue can be observed in the following dojo example:
https://dojo.telerik.com/OWAyaZuJ
Reproduction of the problem:
1. Open the Dojo.
2. Shrink the window until only a single event is visible. Note: The open() method is called on the last item of the Timeline in the dataBound event.
3. Run the example. The last item of the timeline has been opened, however the "back" button is not active.
Current Behavior:
The "back" button is not active when it should be.
Expected Behavior:
The button should be active, no matter the screen size.
Environment:
Kendo UI Version: [2021.2.616]
Browser: [all]
Good morning,
currently the compatible JQuery versions are only listed in this article: https://docs.telerik.com/kendo-ui/intro/supporting/jquery-support.
Most of the time also with great delay (as of today: 3 versions behind)
Would it be possible to include the compatible versions directly into the Release Notes of new versions?
This way we can safely upgrade JQuery along with new Kendo UI Releases.
Description
When navigating in Grid with default/default-ocean-blue-a11y theme the border is gray, while it should be black
Steps to Reproduce
Steps to reproduce the behavior:
1. Open the demos: https://demos.telerik.com/kendo-ui/grid/keyboard-navigation?autoRun=true&theme=default-ocean-blue-a11y or https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation
2. Select the Default theme Ocean Blue A11Y swatch
Expected Behavior
The border color of the focused elements should be black.
Actual Behavior
The border color is gray
Version Information
Working Version
- Version: 14.1.0
Broken Version
- Version: 14.5.0
Environment Information
Affected Theme(s)
- Default theme
Affected Suites
- Kendo UI for jQuery
- Kendo UI for Angular
- Kendo UI for React
- Kendo UI for Vue
- Telerik UI for Blazor
- Telerik UI for ASP.NET Core
- Telerik UI for ASP.NET MVC
Browser Information
- All browsers
Impact Assessment
Severity
- Low - Minor visual issue
I need to disable row which meet some conditions after dataBound event. To do that class 'k-disabled' is added to each tr in grid and it works fine. Now, I collapse node with disabled rows and expand it again. Even nodes are indeed disabled but odd nodes are enabled (k-disabled class is removed from these rows). Check example provided above. Try to collapse 'Constance Vazquez' node (there are only disabled rows there) and expand again.
When adding a command to a column, passing the command options via an array or not makes a difference only for the visible option of the command. See DoJo:
Kendo UI Snippet | Kendo UI Dojo (telerik.com)
All options for command work both with and without the array, except the visible function.
Require an Editor method to provide the cursor position as an integer representing the offset of the current cursor position from the start of the document with respect to the text displayed in the editor.
For example consider an editor displaying 'This is text content'. The underlying html will be <p><span>This is text content</span></p>. When cursor is placed after 'text', I would like to obtain the cursor position as 12 i.e. the offset based on the text displayed irrespective of the underlying html.
Bug report
Reproduction of the problem
Current behavior
A difference between kendo.culture.ar.min.js:
pattern: ["-n %","n %"],
and other Arabic cultures, e.g. kendo.culture.ar-AE.min.js:
pattern: ["-n%","n%"],
A space is present in between the % symbol and the number and the position of the percent symbol differs.
Expected/desired behavior
Format consistency.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: [all]
Bug report
When a node in the TreeView of a Kendo UI FileManager is selected, then the parent node is collapsed, and re-expanded, the selection is removed.
Reproduction of the problem
- Go to the following Progress Kendo UI Dojo.
- Expand the Root node
- Select Folder Inner 1
- Collapse Root
- Re-expand Root
Current behavior
The selected node within a parent after collapsing and expanding will lose its selection. Here is a screencast of the above in action.
Expected/desired behavior
The selection should persist even upon expanding/collapsing parent nodes.
Environment
- Kendo UI version: 2021.2.616
Bug report
When an image is placed inside an <a> tag resizing the image does not work as expected
Reproduction of the problem
- Open the Dojo example
- Resize the image in order to decrease the size
- Try to resize and increase the size of the image
Current behavior
The image can not be resized back to the original size (screencast). Its width can not be changed.
In case the image is set to float on the right after resizing its width becomes about 10px and is almost hidden - Dojo
Expected/desired behavior
It should be possible to resize the image by increasing/decreasing the size and keeping the width/height ratio.
Environment
- Kendo UI version: 2021.2.616
- Browser: [all ]
Hi Team,
I'd like to request that Kendo UI adds Data Matrix codes to the Kendo UI Library.
Thank you!
Kendo grid in version 2026.3.811 moves scroll to start when navigatable: true in RTL. It makes impossible to edit.
Same setting in version 2025.3.812 works well.
Same grid configuration with different kendo version dojo:
dojo with scroll jump 2026.3.811
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/grid/right-to-left-support">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link href="https://kendo.cdn.telerik.com/themes/14.6.1/meridian/meridian-main.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2026.3.1015/js/kendo.all.min.js"></script>
</head>
<body>
<script src="../content/shared/js/products.js"></script>
<div id="example">
<div class="k-rtl">
<div id="grid"></div>
</div>
<script>
const columns = [
{
"title": " ",
"field": "IS_CHECKED",
"type": "string",
"width": 45
},
{
"title": " ",
"field": "IS_PERIOD_LOCKED",
"type": "string",
"width": 100
},
{
"title": " ",
"field": "HAS_COPY_ROW",
"type": "number",
"width": 45
},
{
"title": "STATUS_VAL",
"field": "STATUS_VAL",
"type": "string",
"width": 45
},
{
"title": "קוד עובד",
"field": "CHANNEL_CODE",
"type": "string",
"width": "155px"
},
{
"title": "שם העובד",
"field": "CHANNEL_NAME",
"type": "string",
"width": "155px"
},
{
"title": "Sales Type",
"field": "FLEX1",
"type": "string",
"width": "135px"
},
{
"title": "Amount",
"field": "QUANTITY",
"type": "number",
"width": "120px"
},
{
"title": "Amount Type",
"field": "FLEX4",
"type": "string",
"width": "145px"
},
{
"title": "FOP",
"field": "FLEX5",
"type": "string",
"width": "120px"
},
{
"title": "Product",
"field": "FLEX6",
"type": "string",
"width": "120px"
},
{
"title": "Customer Type",
"field": "FLEX7",
"type": "string",
"width": "165px"
},
{
"title": "Customer",
"field": "FLEX8",
"type": "string",
"width": "115px"
},
{
"title": "Order Date",
"field": "FLEX9",
"type": "string",
"width": "135px"
},
{
"title": "file row",
"field": "FILE_ROW_NUMBER",
"type": "string",
"width": "115px"
},
{
"title": "file name",
"field": "FILE_NAME",
"type": "string",
"width": "125px"
},
{
"title": "דשגשדג",
"field": "FLEX135",
"type": "string",
"width": "120px"
},
{
"title": "lov search",
"field": "FLEX2",
"type": "string",
"width": "135px"
},
{
"title": "Date field",
"field": "FLEX10",
"type": "date",
"width": "135px"
},
{
"title": "steve",
"field": "FLEX55",
"type": "string",
"width": "120px"
},
{
"title": "My file",
"field": "FLEX15",
"type": "string",
"width": "120px"
},
{
"title": "Approval Description",
"field": "APPROVAL_DESC",
"type": "string",
"width": "235px"
},
{
"title": "Approval Status",
"field": "APPROVAL_STATUS",
"type": "string",
"width": "185px"
},
{
"title": "CheckCFLEX",
"field": "CFLEX116",
"type": "boolean",
"width": "135px"
},
{
"title": "BBBBBBBB123",
"field": "CFLEX117",
"type": "string",
"width": "145px"
},
{
"title": "aaa",
"field": "CFLEX54",
"type": "string",
"width": "120px"
},
{
"title": "AAAAAAA123",
"field": "CFLEX3",
"type": "string",
"width": "135px"
},
{
"title": "Creation date -CF",
"field": "CFLEX26",
"type": "date",
"width": "205px"
}
];
const data = [
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 7,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS100",
"CHANNEL_NAME": "GS100",
"FLEX1": "",
"QUANTITY": 542.8,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "245",
"APPROVAL_DESC": "The text for REJECTION 2",
"APPROVAL_STATUS": "N",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 2,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS105",
"CHANNEL_NAME": "GS105",
"FLEX1": "",
"QUANTITY": 542.8,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "240",
"APPROVAL_DESC": "The text for approval",
"APPROVAL_STATUS": "Y",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 6,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS106",
"CHANNEL_NAME": "GS106",
"FLEX1": "",
"QUANTITY": 142.8,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "BBBB",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "242",
"APPROVAL_DESC": "The text for approval",
"APPROVAL_STATUS": "Y",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 3,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS107",
"CHANNEL_NAME": "GS107",
"FLEX1": "",
"QUANTITY": 542.8,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "241",
"APPROVAL_DESC": "The text for approval",
"APPROVAL_STATUS": "Y",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 5,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS100",
"CHANNEL_NAME": "GS100",
"FLEX1": "",
"QUANTITY": 600,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "BBBB",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "240",
"APPROVAL_DESC": "The text for approval 2",
"APPROVAL_STATUS": "Y",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 2,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS105",
"CHANNEL_NAME": "GS105",
"FLEX1": "",
"QUANTITY": 234,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "240",
"APPROVAL_DESC": "",
"APPROVAL_STATUS": "",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 2,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS106",
"CHANNEL_NAME": "GS106",
"FLEX1": "",
"QUANTITY": 255,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "240",
"APPROVAL_DESC": "",
"APPROVAL_STATUS": "",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
},
{
"IS_PERIOD_LOCKED": "N",
"HAS_COPY_ROW": 2,
"STATUS_VAL": "",
"CHANNEL_CODE": "GS107",
"CHANNEL_NAME": "GS107",
"FLEX1": "",
"QUANTITY": 12,
"FLEX4": "454646",
"FLEX5": "",
"FLEX6": "AAAA",
"FLEX7": "",
"FLEX8": "reerwe",
"FLEX9": "g",
"FILE_ROW_NUMBER": "",
"FILE_NAME": "",
"FLEX135": "",
"FLEX2": "",
"FLEX10": null,
"FLEX55": "",
"FLEX15": "240",
"APPROVAL_DESC": "",
"APPROVAL_STATUS": "",
"CFLEX116": false,
"CFLEX117": "",
"CFLEX54": "",
"CFLEX3": "",
"CFLEX26": null
}
];
const fields = {
"IS_CHECKED": {
"type": "",
"hidden": false,
"filterable": false,
"sortable": false
},
"CHANNEL_ID": {
"editable": false,
"type": "number",
"hidden": true,
"defaultValue": -1
},
"ITEM_ID": {
"editable": false,
"type": "number",
"hidden": true,
"defaultValue": -1
},
"IS_PERIOD_LOCKED": {
"editable": false,
"type": "string",
"hidden": false,
"defaultValue": "N",
"sortable": false
},
"HAS_COPY_ROW": {
"editable": false,
"type": "number",
"hidden": false,
"defaultValue": 0,
"sortable": false
},
"ROWID": {
"editable": false,
"type": "string",
"hidden": true,
"defaultValue": "-1"
},
"CHANNEL_CODE": {
"hidden": false,
"type": "string"
},
"CHANNEL_NAME": {
"hidden": false,
"type": "string"
},
"MANUALLY_CHANGED": {
"editable": false,
"type": "string",
"hidden": true,
"defaultValue": "N"
},
"FLEX1": {
"type": "string",
"hidden": false
},
"QUANTITY": {
"type": "number",
"hidden": false
},
"FLEX4": {
"type": "string",
"hidden": false
},
"FLEX5": {
"type": "string",
"hidden": false
},
"FLEX6": {
"type": "string",
"hidden": false
},
"FLEX7": {
"type": "string",
"hidden": false
},
"FLEX8": {
"type": "string",
"hidden": false
},
"FLEX9": {
"type": "string",
"hidden": false
},
"FILE_ROW_NUMBER": {
"type": "string",
"hidden": false
},
"FILE_NAME": {
"type": "string",
"hidden": false
},
"FLEX135": {
"type": "string",
"hidden": false
},
"FLEX2": {
"type": "string",
"hidden": false
},
"FLEX10": {
"type": "date",
"hidden": false
},
"FLEX55": {
"type": "string",
"hidden": false
},
"FLEX15": {
"type": "string",
"hidden": false
},
"APPROVAL_DESC": {
"type": "string",
"hidden": false
},
"APPROVAL_STATUS": {
"type": "string",
"hidden": false
},
"CFLEX116": {
"type": "boolean",
"hidden": false
},
"CFLEX117": {
"type": "string",
"hidden": false
},
"CFLEX54": {
"type": "string",
"hidden": false
},
"CFLEX3": {
"type": "string",
"hidden": false
},
"CFLEX26": {
"type": "date",
"hidden": false
}
};
$(document).ready(function() {
$("#grid").kendoGrid({
dataSource: {
data: data,
schema: {
model: {
fields: fields
}
},
pageSize: 20
},
columns: columns,
height: 550,
navigatable: true,
sortable: true,
groupable: true,
resizable: true,
pageable: true,
});
});
</script>
</div>
</body>
</html>