Bug report

When tabbing through the row filter inputs of a virtual Grid only headers are scrolling

Reproduction of the problem

Run this Dojo - https://dojo.telerik.com/IjuJoRAx/5

Expected/desired behavior

Headers and columns shall scroll when tabbing through the row filter inputs

Environment
Kendo UI version: [all]
jQuery version:[all]
Browser: [all ]

Test Environment:

OS: Windows 11 Version 22H2(OS build 22621.1992)

Browser: Edge browser version 115.0.1902

Screen Reader: Narrator.

Repro Steps:

1. Open URL: Kendo UI Snippet | Kendo UI Dojo (telerik.com)
2. Navigate to the Choose Library combo box and select 'Kendo UI 2022 R2' option.
3. Navigate to the Run button and activate it.
4. Open Narrator using 'Ctrl + Win + Enter' key.
5. Press 'T' key to navigate table in quick navigation mode.
6. Navigate the table header controls using up arrow.
7. Observe that narrator announce role as link on Filter controls or not.

Actual Result:

Incorrect role defined as "link" for the "Metric type filter column setting" button.

Expected Result:

Correct role defined as "link" for the "Metric type filter column setting" button.

Bug report

In the draggable Grid, after new items are created the dragging of the rows does not work as expected.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/USiBUBex
2. Add multiple items - lets say 4,5,6
3. Try to drag the rows to reorder them.

Current behavior

Sometimes the rows can not be moved at all, sometimes it is dropped in the wrong place.

Expected/desired behavior

The rows should be dragged and dropped without any issue even after creating new items in the Grid.

Environment

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

Bug report

When PivotConfiguratorV2 and Grid are configured on the same page and sortable and/or filterable are enabled for both components an error is thrown in the console when trying to filter.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/utiHOPIc
2. Click to filter the data in the Grid using the column menu

Current behavior

The following error is thrown in the console:
Uncaught TypeError: Cannot read properties of undefined (reading 'close')

Expected/desired behavior

There should be no error in the console and it should be possible for both PivotConfiguratorV2 and Grid to be sortable and filterable.

Environment

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

Bug report

When the scrollable option of the Grid is set to "virtual: 'columns'", the reordering of the columns cannot be performed while dragging over the field headers.

Regression introduced with 2022.3.913

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/AMeHorIC/3
2. Try to reorder the columns while dragging over the field headers.

Current behavior

The columns cannot be reordered from the field headers. Instead, the field headers are flickering.
Screen recording - https://screenpal.com/watch/c0jrQ2Vpr8e
If the reordering is performed below the headers, it works properly.

Expected/desired behavior

Should be able to reorder the columns from the field headers without flickering.

Environment

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

Bug report
Download Builder Tool does not add all dependencies for Grid

Reproduction of the problem

Download Builder Tool does not add Chip and ChipList as dependencies that are needed when grouping is enabled.

Expected/desired behavior
Al dependencies shall be added to the Grid

Environment
Kendo UI version: [all]
Browser: [all]

Bug report

When culture different than 'en-..' is set in Grid the validation.min for the Date field is not taken into account.

Reproduction of the problem

1. Run the Dojo example - https://dojo.telerik.com/@NeliKondova/ILOpaQAv
2. Select different cultures from the DropDown above the Grid
3. Try to edit the row and expand the DatePicker nested in the Date1 column

Current behavior

In case a culture different than 'en-..' is selected the min value for the DatePicker is not applied.

Expected/desired behavior

The min value should be set for the DatePicker no matter of the culture.

Workaround

 edit: function(){
             $('[data-role="datepicker"]').data("kendoDatePicker").setOptions({ min: new Date()})
          },

Environment

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

Bug report

When the value of a cell in the Grid is set using the model.set method, and there is already a dirty cell in the Grid, the .k-dirty-cell class is added to multiple cells.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/OhoPEPoh
2. Change the value in an arbitrary cell in the Grid.
3. Press the setValue button (The set value button is setting the value of the third cell in the ProductName column using the API set method)

Current behavior

The k-dirty-cell class is applied to multiple cells (the background is changed to green).

Expected/desired behavior

The .k-dirty-cell class should be applied only to the cells with changed value.

The issue is a regression starting with the 2023 R1 (2023.1.117) version.

Environment

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

Bug report

Grid with ColumnMenu groups in combination with multi-column headers gives an error:

kendo.all.js:326079 Uncaught TypeError: Cannot read properties of undefined (reading 'length')

Reproduction of the problem
Dojo: https://dojo.telerik.com/EtEQeBIy

Expected/desired behavior

ColumnMenu groups shall work together with multi-column headers

Environment
Kendo UI version: [all]
Browser: [all]

Bug report

When a column is unsticked either through the built-in context menu or through the unstickColumn method all the casses from the cells in that column are removed, even the 'k-table-td' class.

Reproduction of the problem

1. Open the Dojo and inspect the cells in the ShipAddress column
2. Unstick the column

Current behavior

All classes in that column are removed

<td class="" style="" role="gridcell">Boulevard Tirou, 255</td>

Note: Initially the cells have the k-table-td class twice which is also not expected

<td class="k-grid-content-sticky k-table-td k-table-td" style="left: 0px; right: 0px;" role="gridcell">Boulevard Tirou, 255</td>

Expected/desired behavior

Only the 'k-grid-content-sticky' class should be added or removed when sticking/unsticking a column.

Environment

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

Bug report

When there is a sticky column in Grid and the column is unsticked, it can not be dragged for reordering.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/uXOhUQOJ
2. Unstick ShipName column
3. Try to drag it for reordering

Current behavior

The column can not be dragged and reordered

Expected/desired behavior

It should be possible to reorder the column after it is unsticked.

The issue is a regression starting with the 2023 R1 SP1 2023.1.314 release

Environment

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

Bug report

copySelectionToClipboard() throws an error when the Grid has hidden column/s

Also if false is passed to the method  - grid.copySelectionToClipboard(false); - not all  GUID columns are copied to the clipboard

Reproduction of the problem
Dojo: https://dojo.telerik.com/OpiBoDaH

Select a row/rows

Click on the Select and copy button

Expected/desired behavior
Error should not be present and copy to clipboard shall copy correct data

Environment
Kendo UI version: [all]
Browser: [all]

Bug report

When all columns have set width in pixels resizing of the columns does not work as expected and the cursor is not aligned with the columns.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/uMEqOTEL
2. Try to resize the columns

Current behavior

The column becomes much wider and the cursor is not aligned with the column border - screencast - https://somup.com/c0lqlFkjLc

Expected/desired behavior

The column should be resized along with the movement of the cursor.

Note: The issue starts to appear with Kendo version 2023 R2 SP1 (2023.2.718). Before this version the issue was reproducible only when the pixels are mentioned in the width setting - example: { field: "name", width: "20px" }, - Dojo - https://dojo.telerik.com/@NeliKondova/IdEsagig

Environment

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

Bug report

When there is sorting applied in the Grid and the sorted column is hidden, the last visible column is incorrectly highlighted.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/oHoHaGuX

Current behavior

The last column is highlighted, although there is no sorting applied to it.

Expected/desired behavior

There should be no highlighted column when the column on which sorting is applied is hidden.

Environment

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

I want to use multi-checkbox filtering with complex datasource. However, the name of the field on which the filtering needs to be applied is not the same as the column field. Thus, in order to avoid custom implementation I would like to have an option to set which is the field that should be used for the filtering.

For example, in the Dojo linked here, I would like to filter the country column, but the filter field in the filterable datasource is 'id'.

Bug report

With the introduction of the Columns tools in the Grid toolbar, if the columnMenu is set to tabbed, the menu is missing the Column Visibility and Autosize options.

Regression introduced with 2024.1.130

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/grid/column-menu
2. Open the Column Menu

Current behavior

The Column Visibility and Autosize options are missing

Expected/desired behavior

The Column Visibility and Autosize options should be visible.

Environment

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

Describe the bug
With LESS themes on iOS devices when the user taps and holds an icon in the Grid the following system popup appears

With the SASS themes the popup is not displayed.

To reproduce

1. Open the Dojo on an iOS device - https://dojo.telerik.com/@NeliK/oSODAvAz
2. Tap and hold one of the images

Expected behavior
The popup for saving/copying the image should be displayed.
The same example using LESS themes - https://dojo.telerik.com/IsOvIjef

The issue might be due to the usage of -webkit-touch-callout

Workaround

<style>
      .k-grid{
        -webkit-touch-callout: unset !important;
      }
    </style>

Affected package

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites

• Kendo UI for jQuery

Affected browsers

• All

Build system information

• OS: [iOS]

Bug report

When the loaderType is set to skeleton and the user edit the cells in the Grid, when saving the Grid is displayed empty.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/AGATEWAR
2. Edit a record and click the 'Save changes' button.

Current behavior

The Grid does not display any data. The Grid is displayed as expected when the default loaderType is set.

Expected/desired behavior

The updated data should be displayed

The issue is a regression introduced with 2024.1.319 version

Workaround - https://dojo.telerik.com/@NeliK/OyIXIHuJ

sync: function(e){
           $("#grid").data('kendoGrid').refresh()
 },

Environment

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

Consider the following scenario: There is a sortable Kendo-UI grid with a corresponding dataSource. Initially, the dataSource contains some items. When updating the dataSource to an empty array, all items disappear from the grid - so far, so good. However, if a column header is clicked afterwards to sort that column, the removed data reappears again.

We created a small "walkthrough" in this DOJO to demonstrate the issue.

FYI: The issue can be avoided by using a custom implementation of dataSource.transport.read which always returns the latest data.