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]

Hi Guys,

Have just tripped over an issue with grid checkboxes whereby they cannot be accessed via the keyboard.

To illustrate

    - Run the following dojo
           https://dojo.telerik.com/ojODosUL

    - Select any checkbox then try tabbing to the next ... It doesn't happen.

If you look at the checkboxes using the browser's dev tools you will see the header and cell checkbox inputs have been assigned the attribute tabindex="-1" so it's no wonder they cannot by accessed.

This regression seems to have been introduced with version 2022.2.802

Looking at the release notes for this version I don't see any mention of this breaking change so it looks like its another bug which has been kicking around for a while which your QA accessibility testing hasn't picked up on.

Regards
Alan

Bug report

The Grid column header texts collides with the columnMenu icons.

Regression introduced with 2023.1.314

Reproduction of the problem

1. Open this Dojo example or the Multi-Checkboxes Grid demo (on a small screen)

Current behavior

The column header text overlaps with the menu icon

Expected/desired behavior

the header text shouldn't collide with the menu icon

Environment

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

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

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 ]

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

1. Resize 2nd row
 
2. Click on the second row to edit Ship Country
 
3. Tab out of the cell and notice the jump that occurs where the enlarged row becomes shorter again.

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

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]

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

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
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

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 ]

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

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]

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!

  

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

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