Bug report
Reproduction of the problem
- Open the Dojo - https://dojo.telerik.com/qltIZDpc
- Open the popup ad try to scroll to load mroe items
Current behavior
Only the initial items are loaded. There are no additional requests.
Expected/desired behavior
Virtualization should work as expected even when grouping is enabled.
TicketID: 1719924
The issue is a regression starting with 2026.1.212
Environment
- Kendo/Telerik version: 2026.3.1015
- Browser: [all ]
Bug report
Reproduction of the problem
Dojo example: https://dojo.telerik.com/oDOcanIk
- Drag tile A and drop it after tile B
Current behavior
The checked radio button of the RadioGroup appears unchecked.
Expected/desired behavior
The RadioGroup check state remains the same.
Environment
- Kendo UI version: 2022.2.802
- jQuery version: x.y
- Browser: [all]
Bug report
If there is a Spreadsheet on a given page and we scroll the page down using the mouse wheel, once the scrolling stops over the Spreadsheet and we try to continue it, we cannot do it. If the Spreadsheet has defined rows that are not currently visible when the mouse wheel is moved, then Spreadsheet is being scrolled, not the current page.
If the Spreadsheet has a lower number of pre-defined rows that are all displayed on the component's initialization the scrolling is again not applying to the page. Instead, moving the mouse wheel doesn't do anything until the mouse cursor is moved outside the Spreadsheet.
Reproduction of the problem
- Open this Dojo example and run it
- Move the mouse cursor in the middle of the pane displaying the compiled code.
- Use the mouse wheel to scroll down the page and stop the scrolling once the cursor is in the zone of the Spreadsheet
- Scroll down again
Current behavior
Because the cursor is inside the Spreadsheet the page cannot be scrolled. If the rows configuration is commented, when the scrolling is started again, the Spreadsheet data will be scrolled.
Expected/desired behavior
If all the data in the Spreadsheet is displayed, moving the mouse wheel over the component should result in page scrolling. If there is data in the Spreadsheet, there should be some way to prevent the scrolling inside the component.
Environment
- Kendo UI version: 2020.1.114
- jQuery version: x.y
- Browser: [all]
Bug report
When a table is created through the table wizard and cellspacing is set to 0, this value is ignored and the table is created with no cellspacing value. 0 is a valid value and it affects the appearance of the table, so it should not be equivalent to not setting cellspacing.
Reproduction of the problem
Reproducible in the demos.
- Use the table wizard.
- Set 0 as cellspacing value.
- Create the table.
- Inspect the table in the browser's dev tools.
Current behavior
The table has no cellspacing attribute.
Expected/desired behavior
The table has cellspacing set to 0.
Environment
- Kendo UI version: 2020.2.617
- jQuery version: x.y
- Browser: [all ]
View several folders in treeview of the filemanager: folder1, folder2, folder3
select folder1
now Click and drag folder2 to folder3.
the folder1 moves to folder3.
this is not desired.
can be reproduced in the demo
Bug report
When using MVVM generated DropDownList input decorated with required attribute the validation message is not displayed upon validation.
Reproduction of the problem
- Run this dojo
- Click on a slot to create an event
- Select an item from the second DropDownList
- Click Save
Current behavior
Upon clicking Save the validation fails, as the first input has a required attribute, but a validation message is not displayed.
Expected/desired behavior
On failed validation, a validation message should be displayed.
Environment
- Kendo UI version: 2020.1.406
- Browser: [all]
Hello,
I have problem with menu control. Sometimes its items are duplicated. To reproduce it do the following:
- create a menu control;
- bind it to remote data source (to reproduce issue easier set some delay for server side method);
- hover on menu item (datasource request will start), fast leave menu item (don't wait until it open) and hover again (one more datasource request will start), leave it again (optional);
- wait some time until second request completed;
- open menu item.
As a result you will see duplicated menu items. This issue can be reproduced on your demo page https://demos.telerik.com/kendo-ui/menu/remote-data-binding.
Could you please suggest me some workaround for this?
BR,
Artsem
Bug report
Reproduction of the problem
Dojo example.
- Open the dev tools console.
- Click on the button above the Editor.
- The Editor value is logged in the console.
Note this part in the content:
if (value == 1) { text += "<h2>Apple</h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>>> APPLE Deutschland</a>";
- Click on the "viewHtml" tool. In the popup do not make any changes to the content, just click on "Update".
- Click on the button above the Editor.
The mentioned part of the script tag now looks like this:
if (value == 1) { text += "<h2>Apple</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>>> APPLE Deutschland</a>";
A js exception is thrown after this content is loaded in the div below the Editor, because of the line break after:
if (value == 1) { text += "<h2>Apple</h2>
Current behavior
The viewHtml modifies the content of script tags, which causes js logic to become invalid.
Expected/desired behavior
The viewHtml tool should not make changes to the content of script tags.
Environment
- Kendo UI version: 2020.3.1021
- jQuery version: x.y
- Browser: [all]
Bug report
The tables within the Editor are not exported correctly (do not fit in the exported pdf document) when resized before exporting.
Reproduction of the problem
- Open the following demo.
https://demos.telerik.com/kendo-ui/editor/pdf-export - Resize the column of the table.
- Export to PDF.
Current behavior
The table does not fit in the exported document.
Expected/desired behavior
The table should fit in the document.
Environment
- Kendo UI version: 2022.2.510
- Browser: [all]
Bug report
Reproduction of the problem
- Run this dojo example: https://dojo.telerik.com/VBprsrAf
- Inspect the clear button (the element with class "k-clear-value").
Current behavior
The button does not have an aria-label attribute.
Expected/desired behavior
The button has an aria-label attribute.
Workaround:
<script>
$(document).ready(function() {
$(".k-clear-value").attr("aria-label", "Clear");
})
</script>
Environment
- Kendo UI version: 2024.3.1015
- jQuery version: x.y
- Browser: [all]
When we are managing large volumes of data with several thousand datasource objects (grid rows) all of the rows need to be transported with each event.
This leads to errors with the json being too large to serialize.
We wish to restrict the data footprint and only return data for the page requested.
so if the grid has 100 pages and page size is 10 we only want to return the 10 rows required for the page, not 1000 rows.
This is not possible with the Kendo grid.
To work around this issue we have devised a strategy to return the the number of datasource objects Kendo grid expects up to the requested page count, but they are empty objects with no data, and then only have the last 10 rows populated with data.
It would be better for the grid control just to expect the number of results expected to the selected page and not have to add the dummy rows, so long as the total number of rows is provided so that the grid knows how many pages there are.
Our work around looks something like this in asp.net MVC
var users = cm.getUsers();
var result = new DataSourceResult();
var results = new List<user>();
int index = 0;
if (pageNum == 1)
results = users.Take(pageSize).ToList();
else
{
index = pageSize * (pageNum - 1);
results = users.Skip(index).Take(pageSize).ToList();
}
List<user> output = null;
[This is the bit that should be handled by the kendo grid, without the need for dummy rows to further reduce json size]
if (index == 0)
{
output = new List<user>(results);
}
else
{
output = new user[index].ToList();
output.AddRange(results);
}
result = output.ToDataSourceResult(request);
result.Total = users.Count();
return Json(result, JsonRequestBehavior.AllowGet);
Not sure if this is already in the works but when building mvc grids it would be helpful to have the ability to prevent a column from getting too big when the screen size is larger than the grid needs. Right now if columns are turned off and there is more space for the unlocked columns, they expand to fill the page which is normally fine but in some instances it looks silly to have a column for example that you would enter a 2 digit number in to be 300 plus px wide.
I have a cshtml page that uses Kendo UI ASP.NET MVC that does the following:
- sends an ajax request to a controller action method,
- opens a new tab using window.open(),
- displays a temporary message to let the user know that something is happening,
- then overwrite the new tab content using the view that is contained in the ajax response.
The view contains one or more grid widgets (the number depends on how many result types were requested) and each grid is set up to export Excel.
The problem is that when window.open() is used to open a new tab, the browser history state is null and the window.location.href is empty with the browser location showing "about:blank". For Chrome and Firefox, this does not cause any issues when exporting excel for the grid. However, when using Edge with this situation, when the Export to Excel grid toolbar button is clicked and the onExportExcel event is fired, the browser Open or Save dialog prompt is displayed but the active tab (the one that contained the grid) closes. This behaviour is very undesireable. The ProxyUrl grid excel option does not fire since Edge supports javascript file saving.
A workaround for this situation is to forcibly set the new tab window object location href by using the window.history.pushUpdate function. A code snippet is included below.
let dataModel = {Id = 123571113, Name="jason bourne"};
let jsonModel = JSON.stringify(dataModel);
let curDate = new Date();
let targetUrl = '@Url.Action("Reports", "Report", new { @area = "Reports" })';
let targetWindowName = "something meaningful" + " " + curDate.toISOString();//add datetime stamp to avoid issue where you cannot open a window with the same name as the current window.
let html = "some html content to provide a temporary message to your audience";
let targetWindow = window.open(targetUrl, targetWindowName);
if (targetWindow !== null && targetWindow !== undefined)
{
targetWindow.document.write(html);
targetWindow.document.close(); // to finish loading the page
targetWindow.document.title = targetWindowName;
//attempt to forcibly update the URL in the history and target window location to fix problem with grid export to excel on Edge browser
let targetWindowHistoryHref = window.location.href;
if (oModel.BuildingDesigns !== null && oModel.BuildingDesigns !== undefined && oModel.BuildingDesigns.length > 0) {
targetWindowHistoryHref += "?oBuildingDesignId=" + oModel.BuildingDesigns[0].ObfuscatedBuildingDesignId + "&BuildingDesignName=" + oModel.BuildingDesigns[0].BuildingDesignName;
} else {
targetWindowHistoryHref += "?" + oModel.Target;
}
targetWindow.history.pushState(null, null, targetWindowHistoryHref);
}
$.when(
$.ajax({
type: "POST",
dataType: "html", // this is the data type expected to be returned from the controller method
contentType: "application/json", // this is the content type expected by the controller method
url: targetUrl,
data: jsonModel,
beforeSend: function() {
console.log(".... submitting report request");
athena.loader.loading("submitting report request");
},
success: function(response) {
athena.loader.stopLoading();
if (debugLevel > 2) {
console.log(".... response = " + response + " : ", response);
}
//attempt to populate the target browser tab with the response
try {
console.log(".... attempting to open a browser tab and populate it with the HTML response object");
console.log(".... targetWindow = " + targetWindow);
//will trigger popup blockers :: targetWindow = window.open("", oModel.Target);
if (targetWindow !== null) {
if (response === null || response === undefined) {
targetWindow.document.body.innerHTML = '';
} else {
//completely replace the existing document (not just the innerhtml)
targetWindow.document.open();
targetWindow.document.write(response);
targetWindow.document.close();
targetWindow.document.title = targetWindowName;
}
}
} catch (ex) {
// do nothing, just catch when the open fails.
console.log("error: " + ex.message);
}
},
error: function(jqXhr, textStatus, errorThrown) {
console.log('.... error :: ajax status = ' + textStatus + ' :: errorThrown = ' + errorThrown);
console.log('....-- jqXhr.responseText :: \n' + jqXhr.responseText);
}
})
).done(
function() {
console.log(".... report request has completed");
targetWindow.focus();
}
);
Test Environment:
OS Version: 22H2 OS Build 22621.1702
Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit)
Repro-Steps:
- Open ASP.NET MVC Grid Web API Binding Demo | Telerik UI for ASP.NET MVC with valid credentials in Edge browser.
- Navigate through the page using Tab key till filter buttons.
- Run Tab stops and observe the issue whether focus is moving to the filter buttons or not.
While navigating through the page, the Tab focus is not moving to the filter buttons.
While navigating through the page, the Tab focus should move to the filter buttons.
User Impact:
Test Environment:
OS Version: 22H2 OS Build 22621.1702
Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit)
Repro-Steps:
- Open Demo for core features in ASP.NET MVC Grid control | Telerik UI for ASP.NET MVC with valid credentials in Edge browser.
- Navigate through the page using Tab key till Expand/collapse button.
- Run Tab stops and observe the issue whether focus is not moving to the "expand/collapse" button.
While navigating through the page, the Tab focus is not moving to the expand and collapse button.
While navigating through the page, the Tab focus should move to the expand and collapse button.
User Impact:
Bug report
It was possible to use Html in the Select button message up to R1 2023. The current behavior is a regression in R1 2023 SP2.
Reproduction of the problem
Dojo example: https://dojo.telerik.com/uyuhocUL
Current behavior
No actual Html can be used in the button's message.
Expected/desired behavior
Html can be used in other messages of the Upload, e.g., dropFilesHere, so it should be possible to do it in the Select button message as well.
Environment
- Kendo UI version: 2022.1.425
- jQuery version: x.y
- Browser: [all]
Aren't the files in the /Content/kendo/2023.1.314/ folder KendoUI version files, not MVC version files?
Below is the contents of the file after upgrading to the new version.
I thought it was strange, so I browsed the stylesheet folder of the newly installed version.
The folder contents of the previous version were as follows.
Isn't it a problem with the distributed installation files?
Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.
To reproduce
Steps to reproduce the behavior:
The column headers are squished to the left side.
Expected behavior
Columns headers must have the same width as the respective columns.
Workaround:
.k-ie .k-grid-header {
display: table-header-group;
}
Affected package (please remove the unneeded items)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please remove the unneeded items)
- Kendo UI for jQuery
Affected browsers (please remove the unneeded items)
- IE version: 11
Build system information (please remove the unneeded items)
- Not Applicable
Bug report
When we want to add a formula in a given cell in the Spreadsheet, we double-click it and enter the "=" in it as an identifier that a formula definition will follow. If we want to include in the formula a cell that is not inside the visible range of the Spreadsheet, we scroll to that cell and select it. In Internet Explorer, if we scroll to a given cell using the arrows of the Spreadsheet's scrollbar the "double-clicked" cell becomes just a selected one and the "=" sign is converted to a string value.
Reproduction of the problem
- Open this Dojo example in Internet Explorer 11
- Select the A1 cell and enter "=" in it.
- Press the "down" direction arrow of the Spreadsheet trying to reach cell A50.
- With the first click on the arrow, the A1 cell is no more "double-clicked" and the "=" inside it is converted to a string
Current behavior
When building a formula in a given cell and trying to navigate to a cell using the scrollbar, this usage stops the formula building and converts the "=" into a string.
Expected/desired behavior
When a user creates a formula for a given cell, they should be able to navigate through the Spreadsheet using its scrollbars.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: IE 11.950.17134.0
Bug report
Error is thrown when using Kendo HTML Editor Control in Kendo Grid Popup EditorTemplate in IE only
Reproduction of the problem
Place Kendo editor in Grid popup template
@(Html.Kendo().Grid<TelerikMvcApp2.Models.Person>().Name("persons")
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(m => m.PersonID))
.Read(read => read.Action("GetPersons", "Home"))
.Update(up => up.Action("UpdatePerson", "Home"))
)
.Columns(columns =>
{
columns.Bound(c => c.PersonID).Width(200);
columns.Bound(c => c.Name);
columns.Bound(c => c.BirthDate).Format("{0:g}");
columns.Command(cmd => cmd.Edit());
})
.Pageable()
.Sortable()
.Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Person"))
)
Person.cshtml
@(Html.Kendo().EditorFor(model => model.Text))
1. Run and open in IE
2. Click edit, make a change in the popup and Save
2. Click again on Edit
https://www.screencast.com/t/kZFZ9hZNEp
Expected/desired behavior
No error is thrown
Environment
Kendo UI version: 2020.3.118