Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height
Reproduction of the problem
Dojo: https://dojo.telerik.com/hqknEyYx/2
Run and click on Export to Excel button
Worakround: https://dojo.telerik.com/gSsYgQpZ
excelExport: function (e) {
let gridHeight = $("#grid").height();
if (gridHeight < 700) {
$("div.k-loader-container-inner").addClass("smallHeight");
} else {
$("div.k-loader-container-inner").addClass("biggerHeight");
}
}
...
<style>
div.loaderPosition {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.biggerHeight {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
</style>Environment
Kendo UI version: [all[
jQuery version: 3.4.1
Browser: [all]
If the snap option is set at runtime the drag hint of the events starts having wrong height.
After changing the snap option at runtime as a result the drag hint height is correct when the snap is set to false, but it has wrong height when the snap is enabled.
The drag hint should have the same height as the dragged event.
move: function(e){
var dragHintEl = $('.k-event-drag-hint')
var dataUid = $('.k-event-drag-hint').attr('data-uid')
var event = $('.k-event[data-uid="'+ dataUid +'"]:not(.k-event-drag-hint)')
var height = $(event).height()
$(dragHintEl).height(height)
},
Dojo - https://dojo.telerik.com/@NeliK/aZArEdof
Bug report
Change fired twice when triggered manually on input change and selecting value from popup list
Reproduction of the problem
Run the Dojo sample: https://dojo.telerik.com/aFOJhVWj
Environment
**Kendo UI version: 2025.1.227
**jQuery version: 3.7.1
**Browser: [all]
The DropDownList's Keyboard Navigation Docs specify that the arrow keys move the highlight in the dropDownList, while Enter selects the highlighted item.
However, in reality, the arrow keys already select items. Via keyboard, it is not possible to select e.g. the third item in the list without selecting the first and the second item first (by pressing the down arrow).
E.g. the docs for Angular describe a different behavior.
When the value of the widget is set in the dataBound event handler the filtering events is fired and e.filter is undefined
The filtering event is fired a second time and the second time the e.filter is undefined.
Double-checlk if the filtering event should be fired a second time.
The e.filter and e.sender.dataSource.filter().filters[0] should return the same value.
When used in a regular HTML form, the CheckBox doesn't get reset by the Reset button.
Workaround: Consider using the Kendo Form instead of a regular HTML form.
The CheckBoxes don't reset when clicking the Reset button
The CheckBoxes should reset when clicking the Reset Button
The Kendo-UI Diagram widget supports moving the whole diagram using the pan() method. However, the given offset does always have to be absolute.
Consider the following example:
The diagram is zoomed in and therefore not fully visible - assume a current offset of (-100, -100). The users should be able to pan using keyboard shortcuts. Whenever pressing one of the arrow keys, the diagram is moved in the corresponding direction by e.g. 50px:
If the user presses [ArrowRight], pan() needs to be called with an offset of (-50, -100).
If the user presses [ArrowUp], pan() needs to be called with an offset of (-100, -150).
However, since I do not know how much the diagram has already been moved, I cannot set the absolute offset required.
I have seen that pan() returns the current offset when being called without arguments, but this is not documented. Is this safe to use for that purpose or is there a better alternative? If yes, the documentation should be updated.
In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).
The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:
Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.
Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.
Hi!
I am using the Kendo-UI Diagram widget to display relationships between items, that cannot be changed directly. I.e. I do not want users to be able to modify the diagram on their own. Unfortunately, I was not able to completely prevent modification of the diagram via its options.
For instance, I have set editable.remove to false. This prevents removing items already present at the widget's creation time, but it does not prevent removing items added later via diagram.addShape().
There are also several keyboard shortcuts like Ctrl+C (copy), Ctrl+V (paste), Ctrl+X (cut) and Ctrl+D (duplicate) that I would like to turn off.
The only solution I have found so far is blocking the corresponding keyboard events and preventing their default behavior, but this seems more like a hack than a solution.
What do you suggest?
Recurring events are not rendered on the correct date when an event has to be displayed on different dates in different time zones.
Below are two events recurring and nonrecurring created with the same starting date and time in UTC +2

After changing the time zone on the machine from UTC +2 to UTC -10 the event is rendered at 8 PM, but it is still displayed on Monday. Thus, recurring and non-recurring events created with the same start date and time are displayed on different days when the time zone is changed:

The date of the recurring event should be changed according to the time zone. It should be possible to repeat events on a different days of the week when the Scheduler is opened at different timezone
Open this web site:
https://demos.telerik.com/kendo-ui/spreadsheet/datasource
And follow the steps provided here:
https://www.screencast.com/t/UdEKYqIve
The first added cell value (or row) is removed when the user deletes an empty row.
If the ID is entered, the result is even stranger:
https://www.screencast.com/t/osmVOiY7al
It should behave and function like Excel. I think with local/static binding there are no issues.
Bug report:
MultiColumnComboBox select event is triggered when the dataSource has items with empty text
Reproduce problem:
https://dojo.telerik.com/exAtuTUJ/6
The steps to reproduce this problem:
1. click the dropdown to show options
2. Click anywhere on the document(You will see the alert message, it prompts for trigger event).
Current behavior:
Trigger event anywhere you click on a document.
Expected behavior:
Trigger event only when you click the values in the MultiColumnComboBox component.
Environment:
Hyperlinks in a Spreadsheet cell do not work mobile devices.
The link in the cell does not work.
The link should work
Bug report
When custom Virtual DropDownList filter is set the value is not cleared from the DropDownList on Clear button click
Reproduction
https://dojo.telerik.com/ULIgEpis
1. Filter Ship Name column
2. Open the filter menu and hit Clear
3 Open Filter menu again
Expected/desired behavior
Value shall be cleared from the DropDownList
Environment
Kendo UI version: 2021.1.301
Browser: all
Hello,
I think i have found a potential bug
In the dojo below please run it and notice the window opens fine, then close and reopen it a couple of times.
The animation => open: false is causing the window to reopen at a smaller/zoomed out size.
If you move the window it snaps to the correct size
https://dojo.telerik.com/oDuviZak/2
The Grid Edit Window does not take all the space when maximized on mobile device with Android 12.
The Window leaves some space at the bottom of the screen.
The Window should take all the screen space
Hi team,
In kendo spreadsheet if you disable any row by adding enable property to false and apply sort from data tab, then the disable row is changing based on the sort. instead of applying to particular row it is applying to perticular range and while sorting the row items are changing. The cell properties are not applying there while sorting.
link for example: https://dojo.telerik.com/IkoJeMIz
please let me know if I am doing anything wrong here.
thanks.
Dojo example.
All items are selected, but the first two ("Chai and Chang") are not highlighted as selected.
All items should be selected and highlighted as selected.
In some cases, when large numbers are set as smallStep and/or largeStep the tick label is not visible
The label of the third tick for the first and second Slider are not visible.
All tick labels in Slider should be rendered