### Bug report
The Menu flickers on page load (i.e., when reloading the page, when navigating through the application pages).
### Reproduction of the problem
Attached is a demo that replicates the issue.
### Expected/desired behavior
The Menu should be rendered smoothly.
### Environment
* **Kendo UI version: 2022.1.412
* **jQuery version: 3.5.1
* **Browser: [all]
Even if a message file is added, the command buttons and the popup title in the Grid are not localized
The command buttons and the dialog title are not localized:
It should be possible to change and localize the messages texts.
function onEdit(e){
e.container.closest('.k-window').find('.k-window-title').text('My custom text')
e.container.closest('.k-window').find('.k-button[ref-update-button]').text('Button Update Changed');
e.container.closest('.k-window').find('.k-button[ref-cancel-button]').text('Button Cancel Changed');
}
Similar to #5759. The issue is reproducible with mobile mode and vertical grouping enabled.
Dojo example: https://dojo.telerik.com/enaNotaZ/2
Misalignment between the group cells (e.g., Bob) and the day cells.
Properly aligned cells.
The rowReorder event does not return the correct newIndex when dragging a row from a lower row index to a higher row index.
Chai and drop after Chang. Note oldIndex is 0, newIndex is 2, which is unexpected as indices are 0-basedChang and drop before Chai and the indices are correct - oldIndex: 1, newIndex: 0The returned newIndex is incorrect.
The returned newIndex should be correct.
FileManager calls Create and Destroy instead of Update on move.
That is not what happens in the file system. Move is Update operation where the location of the item is updated. No files are copied or deleted.
Copying files and directories unnecessarily wastes the resources on the server and the cloud where computing and storage operations are charged.
If Destroy fails which might happen because Create and Destroy are executed separately then files are copied and not moved.
Move calls Update.
### Bug report
When adding custom classes or styles to the TimeDurationPicker component, they are applied to the hidden input elenent rather than to the parent element.
### Reproduction of the problem
1. Create a TimeDurationPicker and add a class to its element:
<input id="timedurationpicker" class="testClass" />2. When you inspect the component's markup, the "testClass" is added to the hidden input element.
A Dojo sample for reproduction: https://dojo.telerik.com/IsTnGqsk
### Expected/desired behavior
Any custom attributes must be added to the parent element with class "k-timedurationpicker".
### Environment
* **Kendo UI version: 2025.2.520
* **jQuery version: 3.7.1
* **Browser: [all]
Expose additional API configurations for the Grid's ToolBar
As of recent releases, the Kendo UI Grid Toolbar has been substituted with the Kendo UI Toolbar. This change allows users to add the majority ToolBar.items API options apart from the built-in tools.
As noted within the Kendo UI for jQuery API documentation for the Grid's Toolbar:
"Apart from the built-in tools, the Grid fully exposes the ToolBar.items API. This way you can specify any custom tools in the widget using the components available in the ToolBar itself."
The inherited ToolBar.items API options are not available for the server-side Telerik UI Grid for ASP.NET Core and MVC wrappers as well.
It would be beneficial to the customers if the inherited ToolBar.items API options are available for the server-side Telerik UI Grid for ASP.NET Core and MVC wrappers as well.
I am seeing that once a grid checkboxlist column filter exceeds about 1000 items the wait time appears to increase non-linearly (performance is worse than linear.) For example, with 3,000 items the page freezes for about 30 seconds. The data is fetched in under 50 milliseconds, so the vast majority of this time appears to be processing by Kendo.
Please see the attached for my configuration.
### Bug report
When the Grid is initialized in a hidden container (for example, in a non-selected tab of a TabStrip) and its initial data binding is disabled (autoBind: false), the pager information is not visible when the data is loaded afterward.
### Reproduction of the problem
1. Initialize a Grid into a non-selected tab of a TabStrip and set its autoBind option to "false".
2. Select the tab and check how the empty Grid is rendered.
3. Call the read() method of the Grid's DataSource in the browser console to request the data.
4. The data is loaded, but the pager information remains hidden.
A Dojo sample for reproduction: https://dojo.telerik.com/njVgBvza
### Expected/desired behavior
The pager information must be available when the data is loaded into the Grid.
### Environment
* **Kendo UI version: 2024.4.1112
* **jQuery version: 3.7.1
* **Browser: [all]
### Bug report
When the Virtualization of the MultiColumnComboBox is enabled, the table headers and rows are not aligned correctly.
### Reproduction of the problem
A Dojo sample for reproduction: https://dojo.telerik.com/ORalaWoq
The tables and rows are aligned as expected when using version 2021 R3 SP2 (2021.3.1207).
A temporary workaround:
<style>
.k-table-list .k-table-group-row, .k-table-list .k-table-row {
display: inline-flex;
}
</style>
### Expected/desired behavior
The headers and rows should be aligned correctly when the Virtualization is enabled.
### Environment
* **Kendo UI version: 2022.1.412
* **jQuery version: 1.12.4
* **Browser: [all]
The issue is reproducible when the Editor is used as an item editor:
editable: {
form: {
buttonsTemplate: "",
items: [{
field: "Title",
label: "Title:"
}, {
field: "Description",
label: "Description:",
editor: "Editor"
}]
}
}
It is not reproducible with editor "TextBox" or "TextArea"
The following js exception is thrown:
kendo.all.js:131959 Uncaught TypeError: Cannot read properties of null (reading 'open')
No exception is thrown and the Editor can be used to edit the field value.
An error for the missing image is thrown:
GET https://localhost:63252/test.png 404 (Not Found)
No error is thrown, since the value of the background-image property has been replaced with "none" in the Editor events and the actual content the Editor visualizes does not use the image:
<tr style="box-sizing: border-box; border-style: solid; border-width: 1px 0px; background-image: none;">
...
</tr>
### Bug report
On mobile devices, when the TaskBoard columns are filled with cards, the users have trouble scrolling horizontally through the columns. When they attempt to scroll the screen, they accidentally drag cards instead of scrolling the columns. This makes navigation in the TaskBoard quite difficult, particularly for projects with a large number of cards.
### Reproduction of the problem
1. Create a TaskBoard with at least two columns.
2. Fill the columns with cards.
3. Open the browser DevTools and switch to mobile view. Tap a card to scroll the columns horizontally or tap at the bottom of the TaskBoard to activate the horizontal scrollbar.
4. The last card is accidentally dragged.
A Dojo sample for reproduction: https://dojo.telerik.com/izASODan
### Expected/desired behavior
When the user makes a hold/long press/long tap, show the "indicator for drag and drop" and then he/she continues with the gesture by moving the card to the desired column and lift the finger. This way, the accidental dragging will be prevented. For more information, refer to the GitHub issue.
Note: The cards in the TileLayout can be dragged only through the card's title element. The TaskBoard cards can be dragged through the card's body, as well.
### Environment
* **Kendo UI version: 2024.3.806
* **jQuery version: 3.7.0
* **Browser: [all]
When the Grid is nested in a relatively positioned container, during the export the Grid gets an overflow style to its wrapping element. Then the style is removed and re-added again. This happens in a loop, which results in a vertical scrollbar constantly appearing and hiding.
Flickering caused by a scrollbar appearing and hiding
The Grid should remain unchanged during the export and no scrollbar should appear and hide during the export.
### Bug report
When the TimePicker's type is "modern", the "min" and "max" options cannot be set dynamically through the min(), max(), and setOptions() methods.
### Reproduction of the problem
1. Define the TimePicker with componentType: "modern".
2. Set its "min" and "max" values through the min() and max() options.
3. The "min" and "max" values are not visually updated.
A Dojo sample for reproduction: https://dojo.telerik.com/OXAqUYiw
### Expected/desired behavior
The "min" and "max" values must be dynamically updated when the TimePicker's type is "modern".
### Workaround
let timeView = $("#timepicker").data("kendoTimePicker").timeView;
timeView.options.specifiedRange = true;
timeView.options.min = new Date(2024, 0, 1, 9, 00, 00);
timeView.options.max = new Date(2024, 0, 1, 22, 00, 00);
timeView._updateRanges();
### Bug report
When subscribing to the "requestStart"/"requestEnd" events of the DataSource after the Grid's initialization, the events do not fire during the Excel export.
### Reproduction of the problem
1. Enable the server operations of the Grid's DataSource.
2. Get a reference to the Grid and handle the DataSource "requestStart"/"requestEnd" events by using the bind() method.
3. Export the Grid's data to Excel through the built-in command.
4. The "requestStart"/"requestEnd" events do not trigger when the read request is activated.
A Dojo sample for reproduction: https://dojo.telerik.com/eyiDIGeM
### Expected/desired behavior
The "requestStart"/"requestEnd" events must trigger when exporting the Grid to Excel.
### Environment
* **Kendo UI version: 2024.3.806
* **jQuery version: 3.7.0
* **Browser: all
### Bug report
When removing a data item through the DataSource remove() method, and then trying to add a new record in the Grid, the editable row does not close when clicking the "Save" command. The Grid is set up for InLine editing.
### Reproduction of the problem
1) Create an InLine editable Grid that binds to local data.
2) Add a custom column command that removes the respective data item by using the remove() method of the DataSource.
3) Delete a specified Grid record through the custom command.
4) Add a new record and click the built-in "Save" command.
5) The row remains in edit mode.
A Dojo sample for reproduction: https://dojo.telerik.com/IQIDuGOt
The last working version is 2024.1.130
### Expected/desired behavior
The editable row must close when clicking "Save" or "Cancel".
### Workaround
Use the Grid removeRow() method rather than the DataSource remove() method.
### Environment
* **Kendo UI version: 2024.1.319
* **jQuery version: 3.7.0
* **Browser: [all]
When attributes like Html class are added to the Html element from which the Window widget is initialized these attributes are applied to the Window's .k-window-content element instead of the outermost .k-window. This behavior is inconsistent with other web dev tools like Telerik UI for Blazor and the ThemeBuilder.
Window rendering must be consistent with other Kendo and Telerik suites.