Bug report

When resizing the Kendo UI Grid column, the footer width is miscalculated.

Reproduction of the problem

1. Go to this dojo
2. Increase the name column.
3. Scroll to the right in the Grid.
4. Reduce the width of the name column.

Expected/desired behavior

The footer should be aligned as the column is resized like in version 2024.1.130(Dojo)

Environment

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

Bug report

In a Grid with enabled navigation and custom column cell filter, the input is not focused and hitting Enter does not filter the data.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/exUYasAt/2
2. Click on the filter in the Name column
3. Type some text and hit enter

Current behavior

The data is not filtered.

Expected/desired behavior

The data should be filtered.

Environment

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

Bug report

In a Grid with locked columns, if the last of the locked columns is non-editable, trying to navigate to the next cell focuses the wrong cell.

Regression introduced with 2022.3.913

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/iRAyoCIk
2. Navigate to a cell in the Last Name column
3. Try to navigate to the next cell in the City column

Current behavior

Navigating to the next cell focuses the cell in the City column on the next row.

Expected/desired behavior

The next cell on the same column should be focused.

Environment

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

Bug report

Aria labels for row filter inputs are not descriptive.

Reproduction of the problem

Open this demo: https://demos.telerik.com/kendo-ui/grid/filter-row

Examine aria labels for row filter inputs

Expected/desired behavior

Aria labels should have descriptive names, such as ‘Search value’ or ‘Search term’ for the first input and ‘Filter type’ or ‘Comparison type’ or similar for the second. They should communicate the purpose of the input.

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

Bug report

The filtering in the Grid component is generating a wrong expression.

Reproduction of the problem

1. Open this Dojo example https://dojo.telerik.com/ebIpUrir
2. Click on the Filter Column icon for the ShipCity and add startsWith: Oulu expression.
3. Click on the Filter Row icon for the ShipName and add Empty expression.
4. Open the Browser console's Network tab and inspect the request
5. See the invalid expression

Current behavior

Expression looks like this ( ShipName eq null or ShipName eq '' and startswith(ShipCity, 'Oulu' ))

Expected/desired behavior

Expression should look like this ((ShipName eq null or ShipName eq '') and startswith(ShipCity, 'Oulu'))

Environment

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

Bug report

Regression Bug.

The new double tap editing mode not entered in Chrome and Edge on mobile devices since 2023.3.1010

Tested on iPad and iPhone

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

Expected/desired behavior
User shall be able to enter editing mode on double tap

Environment
Kendo UI version: 2023.3.1010 or newer
Browser: [Chrome, Edge on Apple mobile device]

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]