Bug Report
Loading individual scripts for Menu trows an error with version 2024.4.1112.
"Uncaught TypeError: n.ui.icon is not a function"
Regression with 2024.4.1112.
Reproduction of the problem
<link href="https://kendo.cdn.telerik.com/themes/10.0.1/default/default-main.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.core.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.popup.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.html.base.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.html.icon.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.icons.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.data.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.menu.min.js"></script>Dojo demo: https://dojo.telerik.com/jjwUoIBz
Current behavior
Error is thrown
Expected behavior
The menu shall render as in previous versions: https://dojo.telerik.com/lJeMhObZ
Environment
Kendo UI version: 2024.4.1112
jQuery version: 3.4.1
Browser: [all]
Bug report
In the DateTimePicker with dateInput:true, if you change the AM/PM using the arrow keys, the day changes as well.
Regression introduced with 2023.2.606
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/yzuuvxJA/3
- Select a date
- Focus AM/PM and press the arrow keys multiple times
Current behavior
The date will change as well
Expected/desired behavior
The date shouldn't be changing
Environment
- Kendo UI version: 2024.3.1015
- Browser: [all]
Bug report
When exporting a Spreadsheet with a set background to a PDF file, some of its borders are not displayed.
Reproduction of the problem
- Open the following Dojo example - https://dojo.telerik.com/IZUhIDeV
- Export the Spreadsheet to PDF
Current behavior
Some borders of the Spreadsheet are missing in the exported PDF file.
Expected/desired behavior
All borders of the Spreadsheet should be displayed in the PDF file.
Environment
- Kendo UI version: 2023.2.829
- Browser: [all]
Bug report
SpreadSheet does not apply borderBottom correctly for last row
Reproduction of the problem
Dojo - https://dojo.telerik.com/UGABAnoR
Current behavior
Border is applied at the first row for the next column
Expected/desired behavior
The border shall be applied at the bottom at A2000
Environment
Kendo UI version: [all]
Browser: [all ]
Bug report
Reproduction of the problem
Reproducible in the Events demo.
- In the AllDay slot click and drag the mouse from Monday to Wednesday.
- The change event fires 3 times (expected).
- Click on Wednesday to select only that slot.
- The change event does not fire.
Also reproducible when selecting the slots from right to left (Wed to Mon) and then selecting the last slot (Mon).
The behavior is identical when selecting slots in a specific day, e.g. selecting and dragging from 8:00 to 10:00 and then selecting the last slot (9:30-10:00).
Current behavior
The change event does not fire.
Expected/desired behavior
The change event fires.
Environment
- Kendo UI version: 2019.2.619
- jQuery version: x.y
- Browser: [all ]
Bug report
In Scheduler event, if the eventTemplate has a table, the add event is triggered when editing an existing task, resulting that both popups open and close instantly.
Reproduction of the problem
Open this dojo example. Choose an event and click the span containing the text "I have some icons here".
Current behavior
The add event popup shows together with the edit event popup.
Expected/desired behavior
Only the edit event popup should be displayed.
Environment
- Kendo UI version: 2019.3.917
- Browser: [all]
Bug report
In a "modern" TimePicker, when you open the component and click on the input, if you use the up/down arrow keys, the value input is incorrect
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EvIQaZaD
- Open the TimePicker
- Click on the input
- Hit the up/down arrow keys
Current behavior
Value will be changed to something like: "hour010203040506070809101112"
Expected/desired behavior
The correct value should be e.g. 01
Environment
- Kendo UI version: 2024.2.519
- Browser: [all]
Bug report
When the Slider's increase and decrease buttons are focused, there's no key to change the Slider's value.
Workaround: https://dojo.telerik.com/UXoCoBuX/8
Reproduction of the problem
- Open the Keyboard Navigation demo - https://demos.telerik.com/kendo-ui/slider/keyboard-navigation
- Focus the Decrease button
- Try pressing space/enter key
Current behavior
The Slider's value cannot be changed through the keyboard when the buttons are focused
Expected/desired behavior
You should be able to change the value through the keyboard
Environment
- Kendo UI version: 2024.1.319
- Browser: [all]
Enhancement
Expose a clearButton API configuration that will remove or add the clear button from the Form
Overview
Currently, in order to omit the Clear Button from the Form, a programmatical or styling approach should be embarked. However, based on demand, client would find it more intuitive if this operation can be performed through a built-in configuration.
E.g:
<script>
$("#myForm").kendoForm({
formData: {
ID: 1,
Name: "Ivan",
Address: "Sofia"
},
clearButton: false,
});
</script>
Description: When 'shared' tooltip is enabled (tooltip: {shared: true}) keyboard navigation through chart triggers JavaScript error and tooltip on focus is not shown, neither shared nor regular tooltip. It works without issues when 'shared' is disabled, but when it is enabled errors are triggered.
Steps to reproduce:
- Open Dojo example https://dojo.telerik.com/@oleksii.shumakov@thomsonreuters.com/UqixUyuj
- Open browser's console (F12)
- Run the script
- With mouse click on "India" legend item once -> India line is disabled
- Click on "India" legend item once more -> India line is enabled
- Using keyboard hit Shift+Tab -> Browser's console shows error: "Uncaught TypeError: Cannot read properties of undefined (reading 'format')"
- Using keyboard hit Tab -> Dot on chart line becomes highlighted but no tooltip is shown
Stack trace of the issue:
kendo.all.js:290271 Uncaught TypeError: Cannot read properties of undefined (reading 'format')
at init.show (kendo.all.js:290271:1)
at init._displayTooltip (kendo.all.js:302830:1)
at init._focusFirstPoint (kendo.all.js:302653:1)
at init._navigatePoints (kendo.all.js:302577:1)
at init._keydown (kendo.all.js:302540:1)
show @ kendo.all.js:290271
_displayTooltip @ kendo.all.js:302830
_focusFirstPoint @ kendo.all.js:302653
_navigatePoints @ kendo.all.js:302577
_keydown @ kendo.all.js:302540Versions of KendoUI with the issue: 2024.2.514, 2024.3.806
Possibility for the user created conditional formatting in the kendo grid. Column background color, text color, line background color, icon, etc, with user condition. There is an example https://jsfiddle.net/magomes/ptwbh0ec/11/, I didn´t work on the dialog layout, but that is the idea and maybe an initial solution.
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.
I've got a grid whose rows expand to show another, templated, grid. I also have clickable links in the cells of the parent grid. Using a mouse, I can click these links directly or click the expansion icon to expand the row. Using keyboard navigation, however, I can only expand the parent row when I press enter. On grids without a templated sub-grid, pressing Enter will focus the link in the parent cell. I would like this behavior to be uniform.
I have tried intercepting the keydown event, but it seems that the expansion occurs even when I try to prevent default or return false as it happens seemingly in parallel.
Is there a way to achieve the functionality I want without resorting to overriding keydown or, if not, is there a way to cancel/control the expansion myself rather than having it automatically happen so that I can handle it in a custom keydown?
Grid example:
On this grid, when I press enter while Dialog Link column cell is selected, it expands the row.
Here
in this example is a grid without a templated subgrid. Pressing enter
on the same column focuses the "AAA" anchor tag within it, which is the
desired behavior in both grids.
My attempt to control the expansion myself via a custom keydown event. The expansion happens before this logic has a chance to finish running:
Let's say we have an grid with incell editing and navigation enabled. But also there may be some column which are readonly (non editable ). Currently when I press the tab from an editable cell it focus on non editable cell's ,which is no needed. I'll prefer to have a navigation which is stopping only at the editable cells when I press the tab. And also I would like to add new row when I press the tab form last editable cell in the last row.
When using Grid with virtual scrollbar there is no possibilty to go to sepecific row programaticly. Especially for row that are not yet loaded. I have managed to move the scrolbar using grid.virtualScrollable.verticalScrollbar.scrollTop(scrollRow[0].offsetTop + pageOffset * pageIndex); however the calcualtion of the location of the row is impossible when rows have dynamic height.
Bug report
If the splitter container has 100%, the height of the Splitter panes is changed when the splitbar is moved to the right or left.
Reproduction of the problem
- open the following example: http://dojo.telerik.com/EXOFEYon
- move the splitter to right and left
- height of panes is different depending on moving the Splitbar to the left or right
Current behavior
The panes of the splitter have the wrong height when it is moved to the left and the correct one when it is moved to the right.
Expected/desired behavior
Splitbar panes should have the same height regardless of splitbar moving.
Tip for fixing
When the splitbar is moved to the left, the left position of the second splitbar pane should be updated before its width. For now, it is updated after it, which causes showing a horizontal scrollbar of the Splitter parent for a moment. As result, the Splitter pane height is calculated wrongly.
Environment
- Kendo UI version: 202x.r.ddd
- jQuery version: x.y
- Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Bug report
When trying to select a value from the modern Kendo UI TimePicker configured with Max and Min ranges, the currently selected value of the TimePicker is not updated.
Reproduction of the problem
- Go to this Progress Kendo UI Dojo.
- Open the TimePicker - notice it's at 9:00
- Click Set
- Value is set to 00:00.
Expected/desired behavior
The value should be set upon initial selection.
Potential Workarounds
- Use Classic ComponentType
- Turn off animations, and open/close the TimePicker. (Dojo)
Environment
- Kendo UI version: 2024.3.806
- jQuery version: All Supported Versions
- Browser: All
Bug report
When clearing the contents of part of a Kendo UI DateRangePicker with a clear button, the change event does not trigger.
Reproduction of the problem
- Go to this Progress Kendo UI Dojo.
- Add dates to start and end inputs - Change event fires as shown in console.
- Clear them with the clearbutton - Change event does not fire.
Expected/desired behavior
The Change event should fire when clear button is pressed.
Workaround
Subscribing to a mousedown event on the clear button, and manually triggering the change event. It will require a setTimeout due to timing purposes:
//Mousedown event on clear button
$("span.k-clear-value").on("mousedown", function(e){
//set timeout for timing purposes
setTimeout(function(){
//reference DateRangerPicker and trigger Change event
var dateRange = $("#daterangepicker").data("kendoDateRangePicker");
dateRange.trigger("change");
}, 200);
});
Environment
- Kendo UI version: 2024.3.806
- jQuery version: All Supported Versions
- Browser: all
I'm seeing an error in the Chrome console when the filter menu is clicked on in a kendo grid: https://demos.telerik.com/kendo-ui/grid/filter-menu-customization
You can see the example in the link above by opening your console in Chrome and clicking on the filter button.
Here is the error:
Blocked aria-hidden on a <a> element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Bug report
When kendo.observable is updated based on a selected TreeView node an error VM6996:1 Uncaught SyntaxError: "undefined" is not valid JSON is thrown.
Reproduction of the problem
- Open the Dojo - https://dojo.telerik.com/CESnRsTi
- Click on the first button
- Click in the input filed and type some text
- Press 'Enter' or click otuside the input to blur
Current behavior
An error Uncaught SyntaxError: "undefined" is not valid JSON is thrown.
Expected/desired behavior
There should be no error and the observable should be updated correctly.
The issue is a regression starting with 2024.3.806
Environment
- Kendo UI version: 2024.3.1015
- Browser: [all ]
### Bug report
When custom classes are set via the headerAttributes of the column and the showColumn is called, the predefined classes are wiped away
### Reproduction of the problem
1. Set custom class via headerAttributes.
2. Call the showColumn method.
3. Custom classes are wiped away.
Dojo sample for reproduction:
https://dojo.telerik.com/UJalevej
### Expected/desired behavior
The classes should be retained after the method is called.
### Environment
* **Kendo UI version:** 2021.1.119
* **jQuery version:** 1.12.4
* **Browser:** [all]