Bug report

When you filter a date field in the Grid, picking a date from the first filter component will result in the value being passed to the second filter component when you open the filter menu again.

Regression introduced with 2024.4.1112

Reproduction of the problem

1. Open this Dojo - https://dojo.telerik.com/JJFYjYcw/5
2. Open the Filter Menu and pick a date from the first filter component
3. Press Filter, and then open the filter menu again to check the value of the second filter component

Current behavior

The value picked for the first filter component is being passed to the second as well.

Expected behavior

The value of the second filter should remain empty

Environment

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

Bug report

Regression with 2025.1.211

Reproduction of the problem

More info in Dojo: https://dojo.telerik.com/YLgJCnaL

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

Hi Team,

I have a Kendo UI Grid where there are a lot of columns.  But, due to the recent changes in version 2024 Q4, the columnMenu does not contain a scroller.  

Thank you!

Bug report

When the user adds a group in the Grid and try to add a second group immediately, while the first grouping is still loading, then an error is thron in the console.

Reproduction of the problem

1. Open the dojo - https://dojo.telerik.com/CvYRPILM
2. Group by 'Freight' and immediately try to group by another field. Before the grid data source reloads from the first grouping, take another column to be grouped and select it without releasing it in the grouping space.
3. Once the first group has been loaded, release the second group

Note: you can try setting the n browser Network throttling to Slow 4G to easily reproduce the issue

Current behavior

Error: kendo.all.js:60347 Uncaught TypeError: Cannot read properties of undefined (reading 'left') is thrown and the Grid freezes

Expected/desired behavior

There should be no error in the console and the Grid should not freeze

The issue is a regression starting with 2023.1.314

Environment

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

Bug report

The last column of the Grid is darker in color when a hidden column is sorted through the DataSource.

Reproduction of the problem

1. Run https://dojo.telerik.com/UhFxSjVc/2
2. Inspect the last column

Current behavior

k-sorted class is added to the last col of the colgroup. The issue is triggered by this line of code in the Kendo ColumnSorter

table.find("col:not(.k-group-col):not(.k-hierarchy-col)").eq(headerIndex).toggleClass("k-sorted", dir !== undefined$1);

Expected/desired behavior

The class should not be added if the column that is sorted is hidden.

Environment

• Kendo UI version: 2024.4.1112
• Browser: all

Bug Report

When creating the Grid from pre-defined HTML table, the header cells are missing classes. That results in inconsistency when using the Themebuilder to style the component.

Reproduction of the problem

1. Open this Dojo example, which contains a Themebuilder-generated stylesheet - https://dojo.telerik.com/wpmTrWPf/3

Current behaviour

The HTML for the first column is manually added to the predefined markup. The second column is left as it is. As a result, the second column is not being styled according to the stylesheet because it is missing HTML and classes

Expected behaviour

The Grid should render the column headers as if (or at least similar ) they are defined through the columns configuration.

Bug report

Currently, if you focus the command buttons, pressing tab will navigate to the buttons on the next row.

Reproduction of the problem

1. Open this dojo example - https://dojo.telerik.com/lmIJIUCH/2
2. Click on the cell containing the command buttons on the first row
3. Press enter to focus the Edit button
4. Press tab multiple times.

Current behavior

The focus will move to the buttons on the next row.

Expected/desired behavior

When the focus is on the Delete button, pressing Tab should return the focus to the current cell so that you can navigate to the remaining cells on the same row.

Environment

• Kendo UI version: 2024.3.1015
• 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 a groupHeaderTemplate is defined with HTML, and a groupHeaderColumnTemplate is defined, the groupHeaderTemplate will return the stringified version of the template.

Note: The groupHeaderTemplate is encoded only when a griupHeaderColumnTemplate is defined.

Reproduction of the problem

1.Go to Kendo UI Dojo.

Current behavior

The groupHeaderTemplate is rendered as a sanitized string

Expected/desired behavior

The groupHeaderTemplate is to be rendered as a Checkbox element and a string

This is a regression introduced with Kendo 2024.3.806

Environment

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

Bug report

When there is a frozen command column configured in the Grid and the user groups by a column, the frozen column is autoresized and has incorrect width.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/VexIXpkO.
2. Group the Grid by a column, for example, 'ProductName'.
3. Click the 'Edit' command button.

Current behavior

The frozen column is changing its width, it gets narrower. Thus, in some scenarios, the 'Cancel' button in the edited row may not be entirely visible.

Expected/desired behavior

The frozen column width should remain unchanged.

The issue is a regression starting width 2024.3.806

Environment

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

Bug report

Grid row resizing, locked columns, and incell editing breaks row resizing 

Reproduction of the problem

Open the Dojo - https://dojo.telerik.com/FxOcPHdy

Expected/desired behavior
The resized row shall retain its height

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

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.

Bug report
Group column width incorrect after drag resize on a locked grid

Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/WoBUSLOF

Resize any unlocked column on the right

Current behavior
The width of the locked column is incorrectly calculated

Expected/desired behavior
Group row text shall not be overlapped by the non-locked table

The issue is a regression starting with Kendo version 2024.3.806.

Environment
Kendo UI version: 2024.3.806
jQuery version: 3.4.1
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 ]

Bug report

In a navigatable Grid, if you sort a nested column, the focus will be at the wrong column.

Regression introduced with 2022.3.913 version

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/XMLkDnyO
2. Sort the age column

Current behavior

The address column is focused after sorting the age column

Expected/desired behavior

Focus should remain on the sorted column

Environment

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

Bug report

When the filterable mode is enabled in the Grid and the user has to scroll to the needed column, then the Column Menu autocloses right after a column is selected or deselected in the column list in the ColumnMenu. The issue appears only with 'classic' mode.

Reproduction of the problem

1. Open the Dojo or the Demo.
2. Scroll to the last column and uncheck/check one of the columns.

Current behavior

The ColumnMenu immediately closes. The ColumnMenu does not close when it is used for the initially visible columns.

Expected/desired behavior

The ColumnMenu should not close. The behavior should be consistent for all the columns.

The issue is a regression starting with 2022 R1 (2022.1.119) release

Environment

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

When the selectable is set to "multiple, row", the default editable mode is enabled and the user tries to edit a cell, the editable cell is not closing

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliK/IxUgEMUP or https://dojo.telerik.com/@NeliK/uyuhOFIK 
2. Edit a cell and click on another cell to edit.

Current behavior

The first time the cell is closed as expected. However, every second edited cell is not closing.

Expected/desired behavior

The edited cell should close.

The issue is a regression starting with the 2024.2.514 version

Environment

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

Steps to reproduce the problem:

Have a grid with:

• specified width (e.g: 1000)
• column virtualization
• multiple columns with a width of 100, but most of them hidden in initial state (e.g.: 50 total, but only 8 shown)
• columnMenu true
• resizable true
  

When running the code that create the grid, the initial state looks like this:

Current behavior:

The header columns are filling the width of the grid (each bigger than the specified 100), but the rows columns cells have the specified width of 100, causing a misalignment.

However, changing the width of a column with the resize handle fixes all the widths (header + rows). 
Same thing for adding/removing a column from the menu.

See the attached video for an example.

If in the initial state there are more shown columns so they can fill the grid width (and have the horizontal scrollbar), the issue is not present.

Expected behavior:

Rows columns should always match the width of the header.

Dojo example:

Here's an example, based on the one from https://demos.telerik.com/kendo-ui/grid/column-virtualization 

https://dojo.telerik.com/@pgarand/UfEkIGiD

Reproduction steps: 

Try to expand a group in this dojo:

• https://dojo.telerik.com/aroxoYeB/5 

Workaround: 

Appending the following script right after loading the kendo scripts:

• https://dojo.telerik.com/aroxoYeB/6 

• kendo.ui.Grid.original_groupable = kendo.ui.Grid.prototype._groupable;
  kendo.ui.Grid.prototype._groupable = function() {
      let that = this;
      kendo.ui.Grid.original_groupable.call(that);
      if (!kendo.support.isRtl(that.element)) {
          return;
      }
  
      if (that._isLocked()) {
          that.lockedTable.on("click.kendoGrid", ".k-grouping-row " + "a[class*='-i-caret-alt-right']", that._groupableClickHandler);
      } else {
          that.table.on("click.kendoGrid", ".k-grouping-row " + "a[class*='-i-caret-alt-right']", that._groupableClickHandler);
      }
  }