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.

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 ]

Bug report

Grid throws error when partial update is executed and selection is persisted

Reproduction of the problem

1. Open the following dojo.
2. Select a row.
3. Place it into edit mode.
4. Make some changes and click on the Save command button.
5. Try to select another row.

Current behavior

The Grid throws an error when the partial update is executed and the selection is persisted.

Expected/desired behavior

The Grid should not throw an error when the partial update is executed and the selection is persisted.

Environment

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

Bug report

In a navigatable Grid with a custom ComboBox cell editor, clicking the clear button closes the cell instead of clearing the value in the ComboBox.

Regression introduced with 2023.2.606

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/OgEBOGoz/2
2. Edit a cell
3. Click the ComboBox clear button

Current behavior

The cell exits the edit mode when the button is clicked and the value is not cleared

Expected/desired behavior

The cell should remain in edit mode and the value should be cleared

Environment

• Kendo UI version: 2024.1.319
• 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]

Steps:

1. https://dojo.telerik.com/URaJeSEk
2. Click the "Change Price" button

Expected: kendoConsole logs the dataItem info in the top message
Actual: dataItem() doesn't find the model even though it exists in the Grid dataSource

In the Grid source code in the refresh function, _data is set to dataSource.view() if partialUpdate is true. For a grouped dataSource, view() will return the parents. This breaks the dataItem function since it relies on the flat array for retrieval.

It looks like this issue was introduced in version 2024.1.319 as it doesn't seem to affect 2024.1.130.

Bug report

In a Grid with a hidden column, the aggregates in the footer shift to the right if you edit a cell.

Regression introduced with 2023.2.829

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EXOmOcAs
2. Scroll to the bottom to see the footer
3. Edit a cell

Current behavior

The footer cells shift to the right.

Expected/desired behavior

The footer cells shouldn't shift to the right after updating a cell.

Environment

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

Bug report

When the selectable option is set to "multiple cell" and the user tries to select the content of a single column, the content of the entire row is selected.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/AzirANuT
2. Try to select the text in the France cell and drag down to select only the content in the ShipCountry column.

Current behavior

The content of the other columns is selected as well - https://somup.com/cZeXIvpRzk

Expected/desired behavior

The behavior is expected when the allowPaste option is enabled. However, once the allowPaste option is disabled only the content of the selected column should be selected.

Workaround

kendo.ui.Selectable.fn._allowPreventDefault = () => true;
Dojo - https://dojo.telerik.com/@NeliK/eTocoBOL

Environment

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

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]

Bug report

In a Grid that has locked columns, if you tab through the content and then tab back using Shift-Tab, the first column is not completely visible when you reach it.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/eKuKoFaN
2. Navigate through the first row using Tab key.
3. Navigate back to the cell in the CustomerID column using Shift+Tab

Current behavior

The column, including the header, is not completely visible.

Expected/desired behavior

The whole column should be visible.

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 ]

Bug report

In a Grid with virtual row and column scrolling enabled, if there are large number of hidden columns, the horizontal scrolling is very slow.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/EWeVaQOc/12
2. Try to scroll horizontally

Current behavior

Horizontal scrolling is slow

Expected/desired behavior

Horizontal scrolling should be smooth

Environment

• Kendo UI version: 2023.3.1114
• 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 horizontal scrolling in RTL Grid, the scroll starts from the last column, instead of the first one.

Reproduction of the problem

1. Open the following Dojo example - https://dojo.telerik.com/oJataqac
2. Observe the scroll of the RTL Grid

Current behavior

The scroll starts from the last column.

Expected/desired behavior

The scroll should start from the first column.

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

The rendering of the Grid header for a command column is different than the one for the default header.

Regression introduced with 2023.3.1114

Reproduction of the problem

1. Open the following Dojo example - https://dojo.telerik.com/@Zornitsa/aTIxApiV/3
2. Inspect the HTML of the Grid headers

Current behavior

• Rendering of default header:

• Rendering of command header:

Expected/desired behavior

The rendering of both headers should be the same.

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

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

In a Grid with popup editing, saving/cancelling the changes shows hidden columns for a short time.

Regression with v 2023.2.829

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/icarOBim/6
2. Open the browser console
3. Edit a field and press the save button

Current behavior

The hidden ID column is shown for a short time

Expected/desired behavior

The hidden column should remain hidden

Environment

• Kendo UI version: 2023.3.1114
• 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]