Bug report

When using a draghandle to drag a same level item below another item, it will not drop in the correct place.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. Try to drag Brian under Lillian as soon as the indicator says it's okay.

Current behavior

The item will revert back to the original position.

Expected/desired behavior

The item should be place in the expected dropped location.

Environment

• Kendo UI version: 2024.4.1112
• jQuery version: All Supported Versions
• Browser: all

Bug report

When the toggleOnClick option is set to true, the hide method doesn't hide the Popover

Workaround: https://dojo.telerik.com/JhWNDQrv (works only in the custom scenario when the hide method is called on scrolling the page. It will not work when the call method is called on button click)

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/hVdauDSd/4
2. Scroll the page, which will call the hide method.

Current behavior

The Popover remains visible

Expected/desired behavior

The Popover should hide

TicketID: 1669787

_

Environment

• Kendo UI version: 2024.4.1112
• Browser: [all]

Hello,

My use case:

On grid dataBound, I am iterating over the table rows to perform some piece of custom logic on the row based off of the backing dataItem. Our production site is using version 2024.1.130, and everything is working great. Our next release we've updated to version 2024.2.514, and when we try adding a record, we get an error; when we try to access the dataItem of the last table-row - the dataItem is undefined. The grid.items() in my case is an array of size 21, and the internal _data array is size 20.

Repro conditions (as far as I can tell):

• A Grid backed by a DataSource with server operations set to false
• The DataSource should (?) have a filter configured
• The size of the DataSource's data should (?) be larger than the pageSize

My workaround:

Simply perform a null check on the dataItem before doing the logic. We are calling DataSource.read in the DataSource.sync success callback anyway, so the grid will reload and the dataBound event will be handled afresh.

I've created the below dojo snippet to demonstrate a simplified version of my use case. I tested with 2024.1.130 and seems to work fine. I noticed the issue starting at version 2024.1.319.

https://dojo.telerik.com/INbSBrSg

A note: No, I don't actually use the internal _data property in my code, just for debugging purposes :)

Thanks!

-Alexa

Bug Report

The diagram.exportImage() throws an error with v.2024.4.1112 

"Uncaught TypeError: diagram.exportImage(...).done is not a function"

Regression with 2024.4.1112.

Reproduction of the problem

Run the example from the following API: https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/methods/exportimage

Current behavior
The export is not working.

Expected behavior
No error shall be present and image must be generated.

Environment
Kendo UI version: 2024.4.1112
jQuery version: x.y
Browser: [all]

The Kendo-UI Grid supports the concept of locked columns that are always on the left side of the screen (in a non-RTL-world) and do not scroll. This makes it necessary to split the underlying HTML-table into two parts (one is locked and one is not). Kendo-UI takes care of syncing the height of the rows between those two tables.

However, if there are empty cells in the locked part, this logic produces results that make the row grow larger (higher) than if there was content. This DOJO demonstrates the behaviour. Using the Browser's DEV-Tools, you can see that rows without content in column A are 37px high, while those with content are only 36px high.

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

1. Open this Dojo example - https://dojo.telerik.com/yzuuvxJA/3
2. Select a date
3. 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

1. Open the following Dojo example - https://dojo.telerik.com/IZUhIDeV
2. 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.

1. In the AllDay slot click and drag the mouse from Monday to Wednesday.
2. The change event fires 3 times (expected).
3. Click on Wednesday to select only that slot.
4. 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

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EvIQaZaD
2. Open the TimePicker
3. Click on the input
4. 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

1. Open the Keyboard Navigation demo - https://demos.telerik.com/kendo-ui/slider/keyboard-navigation
2. Focus the Decrease button
3. 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]

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: 

1. Open Dojo example https://dojo.telerik.com/@oleksii.shumakov@thomsonreuters.com/UqixUyuj
2. Open browser's console (F12)
3. Run the script
4. With mouse click on "India" legend item once -> India line is disabled
5. Click on "India" legend item once more -> India line is enabled
6. Using keyboard hit Shift+Tab -> Browser's console shows error: "Uncaught TypeError: Cannot read properties of undefined (reading 'format')"
7. 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:302540

Versions of KendoUI with the issue: 2024.2.514, 2024.3.806

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

1. open the following example: http://dojo.telerik.com/EXOFEYon
2. move the splitter to right and left
3. 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

1. Go to this Progress Kendo UI Dojo.
2. Open the TimePicker - notice it's at 9:00
3. Click Set
4. 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

1. Go to this Progress Kendo UI Dojo.
2. Add dates to start and end inputs - Change event fires as shown in console.
3. 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

1. Open the Dojo - https://dojo.telerik.com/CESnRsTi
2. Click on the first button
3. Click in the input filed and type some text
4. 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]