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 ]

Hi Team,

I would like to request a way to configure the Kendo UI Grid so if there are multiple footers from many groups, only one footer will show. 

Thank you!

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.

Hi Team,

I'd like to request a built-in way to define a column to be reorderable.  This would help allow specific columns to be reorderable and prevent animation from occurring when using the approach in this Kendo UI knowledge base article.  

Thank you!

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 ]

Hi Team,

I'd like to request by default to resize the Kendo UI Grid's total width by default when using the AutoFitColumns method.

Thank you!

Hi Team,

I'd like to request the functionality to add the pager to the top and bottom of the Grid.  I did see this request which set the Top OR Bottom position, but I'd like to see both in the future.  

Thank you!

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

Bug report

When the selectable.dragToSelect option is set to false, you can't assign a dragstart event on the Grid's rows.

Regression introduced with v2024.2.514

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/aROGEpaQ/3
2. Try to drag a row

Current behavior

The dragstart from the dataBound event is not triggering

Expected/desired behavior

The dragstart event should be triggering

Environment

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

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);
      }
  }

Bug report

Copy Paste to Search Panel with `allowPaste` set to `true` in the grid is not working

Regression since 2024.1.130

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

Try pasting a value in the Search input

Current behavior
The expand arrow disappears.

Expected/desired behavior
User shall be able to paste values to the search panel

Environment
Kendo UI version: 2024.1.130 or newer

jQuery version: 3.4.1

Browser: [all]