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]

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: 

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

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.

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

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]

Bug report

When the Grid has media column configured and the browser is resized an error is thrown.

Reproduction of the problem

1. Run the Dojo: https://dojo.telerik.com/UFuJacem
2. Resize a column
3. Resize the browser window

Current behavior

An error: Uncaught TypeError: Cannot read properties of undefined (reading 'contains') is thrown.

Expected/desired behavior

There should be no error in the browser cosole.

The issue is a regression starting with 2024.3.806

Environment

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

Bug report

In the Grid view of the FileManager, if you choose to Sort By Date from the Toolbar, the sort icon in the Grid's column header is missing.

Reproduction of the problem

1. Open the Overview demo - https://demos.telerik.com/kendo-ui/filemanager/index
2. Select the Grid View from the Toolbar
3. Choose Sort By Date Created
4. Sort the content from the Toolbar

Current behavior

The sort arrow icons are missing in the Grid's column header

Expected/desired behavior

The icons should be visible

Environment

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

Go to:

Demo of core features in jQuery PDFViewer widget | Kendo UI for jQuery (telerik.com). Note that pdf has 3 pages.

In the pdf viewer component demo select the printer icon and a print preview window opens. When the print preview window opens, note that the window indicates that there are 5 pages to print in the print preview. One page is added before the pdf pages and one after. This happens regardless of the printer selected.

Expected behavior: only 3 pages of the pdf should show in the print preview window.

Bug report

Window's modal feature isn't working if there's an open Dialog.

Regression introduced with 2024.1.319

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/uyUwAMeQ/2
2. Click the Open button inside the Dialog

Current behavior

The Window opened from the button isn't modal, and you can interact with the Dialog.

Expected/desired behavior

The Window should be modal as per the configuration.

Environment

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

Bug report

Using the Material Theme, inside the Grid's Checkbox filter, the input and span are misaligned.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo based on Filter Multi Checkboxes Live Demo.
2. Open the Product Name checkbox filter.

Current behavior

Expected/desired behavior

The input and span should be aligned.

Workaround

Apply the following CSS - Seen in this Dojo:

    label.k-checkbox-label {
      align-items: center;
    }

Environment

• Kendo UI version: 2024.3.1015
• jQuery version: All Supported Versions
• Browser: All

Bug report

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.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/TsDxOwAj
2. Click on the 'store_name' header.
3. Press the down arrow key twice -> focus frame disappears (the hidden cell on the left receives a focus state, but this is not visible).
4. With the keyboard press the up arrow one time -> "Hidden column used for grouping: 1" cell is highlighted.
5. With the keyboard press the up arrow, one more time, and -> focus disappears (actually, the hidden column cell on the top left corner receives the focus state, but this is not visible).

Current behavior

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.

Expected/desired behavior

The focus should not disappear when there are hidden columns.

The issue is a regression starting with Kendo version 2023.3.1010.

Environment

• Kendo UI version: 2024.3.806
• jQuery version: x.y
• Browser: [all ]