Upon editing a Kendo UI Grid with inline editing with a hidden column, the Update/Save/Cancel buttons appear in the wrong placement.
Kendo UI version: 2025.3.812
Browser: [all ]
When backspacing input in the row filter of a navigatable Kendo UI Grid, it appears to attempt to delete a record.
Filtering is prevented and a delete confirmation dialog appears. Upon selection in the dialog, the filtering occurs.
Bug report
Locked Rows wrong height calculation with line-height
td {
line-height: 1.1em;
}
A regression introduced in version 2025.1.211.
Reproduction of the problem
Dojo: https://dojo.telerik.com/AgrtkKSN
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.211 or newer
Browser: [all ]
With a Virtual-scrolled navigatable Kendo UI Grid, if you initially scroll down a couple pages and click on a row, the selection is not correct and the position changes.
The position shifts upon selecting a row.
The changing event is not fired when selecting a row the first time.
The position should not shift, and the changing event should be fired upon every selection change.
In the Grid, when a new row is added, resized, and then the cancel changes button is clicked, an error is thrown.
An error is thrown
No errors should be thrown
When Sortable is used to implement row reordering in Grid and the cursor is set to 'move', an error is thrown in the console when reordering.
Once the dragging starts, an error: Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-123456' https://kendo.cdn.telerik.com"....
is thrown.
Note: The issue appears only with the cursor option set to 'move'.
There should be no error when reordering a row within the Grid.
The enable options does not take effect
Both buttons appear enabled, although the first one has enable: false
set.
The buttons in the Grid toolbar should appear disabled when the enable
is set to false
,
Dojo with the previous version - https://dojo.telerik.com/DWbDiIJr
Add the 'k-disabled' class programmatically:
$('.k-grid-toolbar .k-button:eq(0)').addClass('k-disabled')
Dojo - https://dojo.telerik.com/yztUtuvn
When there is iconClass option set in the Grid toolbar an extra span with 'k-sprite' class is rendered. If icon: 'none' is added to the items configuration, then the additional span does not appear.
All items except the last one have the span as in the image below:
The span leads to an extra space.
There should be no extra spaces when the iconClass option is used.
<style>
.k-sprite{
display: none
}
</style>
https://dojo.telerik.com/mLcNnDXS
In a Grid where custom filterable ui is configured, and the filterable.extra is set to false, the data is not filtered correctly.
Regression introduced with 2025.1.211
No data is shown in the Grid, as it appears that the logic for the filterable.extra is not applied
The data should be correctly filtered with the above configuration.
The class rendered for a custom tool in the Grid toolbar is always lower-cased, regardless how the name is configured.
Regression introduced with 2023.1.117
The rendered class is lower-cased
The class name should be as defined in the name field
In a Grid with locked and hidden columns, it takes two arrow key hits to navigate to the next cell
You need to press the right arrow key twice in order to navigate to the next cell
Navigation to the next cell should only take one key press
Bug report
Grid in inline edit mode with reorderable.rows does not save changed data
Reproduction of the problem
1. Open the Dojo - https://dojo.telerik.com/XJabupcY
2. Hit Edit
3. Edit field
4. Click Save
Notice that the data is not updated.
Environment
Kendo UI version: 2025.1.227
When a column in the Grid is configured with a group template, updating a cell doesn't update the value of the group template.
Regression introduced with 2024.1.319
The value of the group template in the Total column is not updated as per the salary column
The value of the group template in the Total column should be updated as it is calculated using the Salary column
When the Grid is configured with a ColumnMenu and the Filterable option is enabled, and there is a date column, the filter operates correctly upon initial application. However, when the filter is reopened, the second DatePicker is automatically populated with the value from the first DatePicker. The issue occurs since version 2025.1.211.
Open this Dojo: https://dojo.telerik.com/tcmDBDWT
Upon reopening the filter, the second DatePicker is automatically populated with the value from the first DatePicker.
Upon reopening the filter, the second DatePicker should remain blank
1683515
When you filter a date field in the Grid, picking a date from the first filter component will result in the value being passed to the second filter component when you open the filter menu again.
Regression introduced with 2024.4.1112
The value picked for the first filter component is being passed to the second as well.
The value of the second filter should remain empty
Bug report
Regression with 2025.1.211
Reproduction of the problem
More info in Dojo: https://dojo.telerik.com/YLgJCnaL
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.211
Browser: [all]
Hi Team,
I have a Kendo UI Grid where there are a lot of columns. But, due to the recent changes in version 2024 Q4, the columnMenu does not contain a scroller.
Thank you!
When the user adds a group in the Grid and try to add a second group immediately, while the first grouping is still loading, then an error is thron in the console.
Note: you can try setting the n browser Network throttling to Slow 4G to easily reproduce the issue
Error: kendo.all.js:60347 Uncaught TypeError: Cannot read properties of undefined (reading 'left')
is thrown and the Grid freezes
There should be no error in the console and the Grid should not freeze
The last column of the Grid is darker in color when a hidden column is sorted through the DataSource.
k-sorted
class is added to the last col
of the colgroup
. The issue is triggered by this line of code in the Kendo ColumnSorter
table.find("col:not(.k-group-col):not(.k-hierarchy-col)").eq(headerIndex).toggleClass("k-sorted", dir !== undefined$1);
The class should not be added if the column that is sorted is hidden.
When creating the Grid from pre-defined HTML table, the header cells are missing classes. That results in inconsistency when using the Themebuilder to style the component.
The HTML for the first column is manually added to the predefined markup. The second column is left as it is. As a result, the second column is not being styled according to the stylesheet because it is missing HTML and classes
The Grid should render the column headers as if (or at least similar ) they are defined through the columns
configuration.