Using the Material Theme, inside the Grid's Checkbox filter, the input and span are misaligned.
The input and span should be aligned.
Apply the following CSS - Seen in this Dojo:
label.k-checkbox-label {
align-items: center;
}
When a groupHeaderTemplate is defined with HTML, and a groupHeaderColumnTemplate is defined, the groupHeaderTemplate will return the stringified version of the template.
Note: The groupHeaderTemplate is encoded only when a griupHeaderColumnTemplate is defined.
1.Go to Kendo UI Dojo.
The groupHeaderTemplate is rendered as a sanitized string
The groupHeaderTemplate is to be rendered as a Checkbox element and a string
This is a regression introduced with Kendo 2024.3.806
When there is a frozen command column configured in the Grid and the user groups by a column, the frozen column is autoresized and has incorrect width.
The frozen column is changing its width, it gets narrower. Thus, in some scenarios, the 'Cancel' button in the edited row may not be entirely visible.
The frozen column width should remain unchanged.
Can you provide settings for the Grid keyboard navigation to selectively ignore specific keys like Enter or Tab?
I would like to use the built-in keyboard navigation as it behaves the way we want outside of one inconsistency.
Bug report
Group column width incorrect after drag resize on a locked grid
Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/WoBUSLOF
Resize any unlocked column on the right
Current behavior
The width of the locked column is incorrectly calculated
Expected/desired behavior
Group row text shall not be overlapped by the non-locked table
The issue is a regression starting with Kendo version 2024.3.806.
Environment
Kendo UI version: 2024.3.806
jQuery version: 3.4.1
Browser: [all ]
When the first column in the Grid is hidden and the Grid is grouped, the hidden cells are focused when the user tries to navigate using the keyboard.
The hidden column receives the focus, thus the focus is hidden when the user navigates and the next cell is part of the hidden column.
The focus should not disappear when there are hidden columns.
In a navigatable Grid, if you sort a nested column, the focus will be at the wrong column.
Regression introduced with 2022.3.913 version
The address column is focused after sorting the age column
Focus should remain on the sorted column
When the filterable mode is enabled in the Grid and the user has to scroll to the needed column, then the Column Menu autocloses right after a column is selected or deselected in the column list in the ColumnMenu. The issue appears only with 'classic' mode.
The ColumnMenu immediately closes. The ColumnMenu does not close when it is used for the initially visible columns.
The ColumnMenu should not close. The behavior should be consistent for all the columns.
When the Grid has media column configured and the browser is resized an error is thrown.
An error: Uncaught TypeError: Cannot read properties of undefined (reading 'contains')
is thrown.
There should be no error in the browser cosole.
When the selectable is set to "multiple, row", the default editable mode is enabled and the user tries to edit a cell, the editable cell is not closing
The first time the cell is closed as expected. However, every second edited cell is not closing.
The edited cell should close.
Reproduction steps:
Try to expand a group in this dojo:
Workaround:
Appending the following script right after loading the kendo scripts:
kendo.ui.Grid.original_groupable = kendo.ui.Grid.prototype._groupable;
kendo.ui.Grid.prototype._groupable = function() {
let that = this;
kendo.ui.Grid.original_groupable.call(that);
if (!kendo.support.isRtl(that.element)) {
return;
}
if (that._isLocked()) {
that.lockedTable.on("click.kendoGrid", ".k-grouping-row " + "a[class*='-i-caret-alt-right']", that._groupableClickHandler);
} else {
that.table.on("click.kendoGrid", ".k-grouping-row " + "a[class*='-i-caret-alt-right']", that._groupableClickHandler);
}
}
Bug report
Copy Paste to Search Panel with `allowPaste` set to `true` in the grid is not working
Regression since 2024.1.130
Reproduction of the problem
Dojo: https://dojo.telerik.com/EnUpigUf/2
Try pasting a value in the Search input
Current behavior
The expand arrow disappears.
Expected/desired behavior
User shall be able to paste values to the search panel
Environment
Kendo UI version: 2024.1.130 or newer
jQuery version: 3.4.1
Browser: [all]
When the Add new Record
button is clicked multiple times, the newly added row is not saved, when the 'Save' button is clicked.
The row freezes and is not closed. If after clicking the 'Save' button the user clicks again the 'Add new record' the row is saved.
The row should be saved and closed when the 'Save' button is clicked, even if the 'Add new record' is clicked multiple times.
Bug report
Regression with 2024.1.319
Footer on a scrollable grid with sticky column not aligned when columns are resized
Reproduction of the problem
Dojo: https://dojo.telerik.com/OrIwemEP
1. Resize the column "age"
2. Then resize the column "name", and here is the outcome.
Expected/desired behavior
Fotter shall be aligned with the columns
Environment
Kendo UI version: 2022.1.301 or newer
jQuery version: []
Browser: []
When the Grid is grouped and there is a locked column set, the grouping columns and the locked column have incorrect widths.
The width of the locked column is 103px although the configured width is 50px. The grouping columns have a width of 66px although the width applied from the theme is 32px.
The width of the locked column should be according to the value set in the configuration of the Grid. The grouping column should have a width as applied by the themes.
In a Grid with locked columns, if the last of the locked columns is non-editable, trying to navigate to the next cell focuses the wrong cell.
Regression introduced with 2022.3.913
Navigating to the next cell focuses the cell in the City column on the next row.
The next cell on the same column should be focused.
Bug report
Regression Bug.
The new double tap editing mode not entered in Chrome and Edge on mobile devices since 2023.3.1010
Tested on iPad and iPhone
Reproduction of the problem
Dojo: https://dojo.telerik.com/AtaWufEG
Expected/desired behavior
User shall be able to enter editing mode on double tap
Environment
Kendo UI version: 2023.3.1010 or newer
Browser: [Chrome, Edge on Apple mobile device]
Consider the following scenario: There is a sortable Kendo-UI grid with a corresponding dataSource. Initially, the dataSource contains some items. When updating the dataSource to an empty array, all items disappear from the grid - so far, so good. However, if a column header is clicked afterwards to sort that column, the removed data reappears again.
We created a small "walkthrough" in this DOJO to demonstrate the issue.
FYI: The issue can be avoided by using a custom implementation of dataSource.transport.read which always returns the latest data.
When the loaderType is set to skeleton and the user edit the cells in the Grid, when saving the Grid is displayed empty.
The Grid does not display any data. The Grid is displayed as expected when the default loaderType is set.
The updated data should be displayed
sync: function(e){
$("#grid").data('kendoGrid').refresh()
},
Grid throws error when partial update is executed and selection is persisted
Save
command button.The Grid throws an error when the partial update is executed and the selection is persisted.
The Grid should not throw an error when the partial update is executed and the selection is persisted.