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

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 ]

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

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

rowspan and locked columns misaligns rows in non-locked table

Reproduction of the problem

Dojo: https://dojo.telerik.com/BqAphtbF

Expected/desired behavior
Rows shall be aligned 

Worakround
Define a dummy column

{
  field: "country", width: 0
 }

Dojo: https://dojo.telerik.com/AeYBdQFO

TicketID: 1673441

Environment
jQuery: 3.4.1
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

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]

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

Reordering using clickMoveClick in the Grid is very inconsistent.

Reproduction of the problem

1. Open the Drag and Drop Grid demo - https://demos.telerik.com/kendo-ui/grid/drag-drop
2. Try reordering a row using click-move-click

Current behavior

The targeted row is not being reordered

Expected behavior

The targeted row should be reordered

Environment

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

Bug report
Grid's loader gets lost in the scrollable area height is greater than the viewport height

Reproduction of the problem

Dojo: https://dojo.telerik.com/hqknEyYx/2

Run and click on Export to Excel button

Worakround: https://dojo.telerik.com/gSsYgQpZ

excelExport: function (e) {
          let gridHeight = $("#grid").height();
          if (gridHeight < 700) {
            $("div.k-loader-container-inner").addClass("smallHeight");
            
          } else {
            $("div.k-loader-container-inner").addClass("biggerHeight");
          }
        }
...
<style>
        div.loaderPosition {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }
      div.biggerHeight {
        position: absolute;
          top: 50vh;
          left: 50%;
          transform: translate(-50%, -50%);
      }
    </style>

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

Bug report

When the Grid is in RTL mode and has horizontal scroll it does not autoscroll when the user try to reorder columns.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/kmwtfkRd
2. Try to reorder the columns.

Current behavior

The horizotnal scroll does not move when dragging. In non-rtl mode the horizontal scroll autoscrolls while dragging a column.

Expected/desired behavior

The behavior in RTL mdoe should be consistent with non-rtl. The horizontal scroll should move when dragging a column.

Environment

• Kendo UI version: 2025.1.227

Bug report

Grid in inline edit mode with reorderable.rows does not save changed data

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/XJabupcY

2. Hit Edit

3. Edit field

4. Click Save

Notice that the data is not updated.

Environment
Kendo UI version: 2025.1.227

I am trying to change the menu option for a column from false to true and others from true to false when a user selects an item from a dropdown. This isn't working. I'm using getOptions(), changing the menu setting in each column, and then setOptions(options) to set it.

Here is a dojo showing an example. In the example, firstName and lastName are initially hidden. I simulate a user choosing last name from some sort of selector (like a dropdown box). The code should then hide both name columns and unhide the lastName column. Instead it hides both name columns.

It seems to have something to do with setting any of the name columns to hidden on initialization. If I remove this from the column settings on initialization though it only works once and when I choose a different option from the dropdown (dropdown is simulated in the dojo so you can't try this but trust me) it breaks.

<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.common.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.default.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.511/styles/kendo.mobile.all.min.css">

  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/angular.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/jszip.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/kendo.all.min.js"></script></head>
<body>
  <div id="myGrid"></div>
  
  <script>
    let tableRows = [
      {
        ID: 1,
        FirstName: "John",
        LastName: "Smith",
        Age: 21
      },
      {
        ID: 2,
        FirstName: "Jenny",
        LastName: "Jones",
        Age: 18
      },
      {
        ID: 3,
        FirstName: "Greg",
        LastName: "Adams",
        Age: 23
      }
    ];
    
   let tableColumns = [
              {
                title: "Employee ID",
                field: "ID",
                width: 100,
                locked: true,
                menu: false
              },
            {
                title: "First Name",
                field: "FirstName",
                width: 150,
              hidden: true,
              attributes: { "class": "name" },
                
            },
            {
                title: "Last Name",
                field: "LastName",
              hidden: true,
                width: 150,
                attributes: { "class": "name", "data-position": "last name" },
                
            },
            {
                title: "Age",
                field: "Age",
                width: 100
            }
        ];

            var grid = $(`#myGrid`).kendoGrid({
            dataSource: {
                data: tableRows,
                schema: {
                    model: {
                        id: "ID",
                        fields: { ID: {type: "number"}}
                    }
                }
            },
            dataBound: function (e) {
                if (e.sender.dataSource.view().length == 0) {
                    var colspan = e.sender.thead.find("th").length;
                    //insert empty row with colspan equal to the table header th count
                    var emptyRow = "<tr><td colspan='" + colspan + "'></td></tr>";
                    e.sender.tbody.html(emptyRow);
                    e.sender.table.width(800);
                }
     
            },
            columns: tableColumns,
              columnMenu: true,
            sortable: true,
            pageable: false
        }).data("kendoGrid");
    
    let options = grid.getOptions();
    let columns = grid.columns;
    let nameColumns = $(".name");
    let lastNameColumn = $("[data-position='last name']");
    let lockedColumnCount = 0;
    for (var i = 0; i < columns.length; i++) {
        if (columns[i].locked) {
            lockedColumnCount++;
        }
    }
    $.each(nameColumns, function (index, element) {
        let elementIndex = $(element).index() + lockedColumnCount;
        //kendoGrids[tableId].showColumn(elementIndex);
        options.columns[elementIndex].menu = false;
        options.columns[elementIndex].hidden = true;
    });
    
    // Let's pretend Last Name was chosen from a select box part of name to show.
    $.each(lastNameColumn, function (index, element) {
        let elementIndex = $(element).index() + lockedColumnCount;
                        options.columns[elementIndex].menu = true;
                        options.columns[elementIndex].hidden = false;
                        //kendoGrids[tableId].showColumn(elementIndex);
                    });
                    
    console.log(options);
                    
                    grid.options = options;
                    grid.setOptions(options);
    
  </script>
  
</body>
</html>