Bug report

A js exception is thrown on selecting a row with the select method, when the Grid's scrollable option is disabled. The exception started appearing since R3 2020 SP1.

Reproduction of the problem

1. Go to: https://dojo.telerik.com/adExIfAp/6
2. Run the example

Current behavior

A js exception is thrown on calling the select method.

Expected/desired behavior

No exception is thrown.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [all]

We are using kendo Datagrid where we wanted to apply pagination.

We are using pageSizes property of pageable object to set the no of items per page to render. We are also using buttonCount property to control the number of buttons.

Problem : For example I have 200 records , if I set pagesSizes=1 so technically I will have 200 paging button and if i set buttonCount to 60 than UI gets distorted. Find below is stackblitz URL where I have set pagesSizes=1 and if you set Maximum number of buttons = 70 UI will break.

URL : https://cuezkg--run.stackblitz.io/ 

Bug report

Currently if the grid has its selection mode set to a "single" row, the user ca select one row on each page. The "single" row selection should be global, not page specific.

Ticket ID

Reported in ticket 1550865

Reproduction of the problem

Run the following example:

https://dojo.telerik.com/@gdenchev/aToMonEy

Select a row on the first page. Go to the second page and select another row. Go back to the first page. The row is still selected, even though we selected a different row on page 2.

Current behavior

Currently the user can select one row on each page.

Expected/desired behavior

If a row is selected, all other rows across all pages, should be deselected.

Environment

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

Workaround

A workaround is provided in the following Dojo example:
https://dojo.telerik.com/@PMcDonou/oWOyIpAg

Bug report

When a Kendo UI Grid has been initialized via a table, If the user sets the th element with data-menu="false", the menu attribute is read as a string instead of a boolean.

Reproduction of the problem

1. Go to this Progress Kendo UI Dojo.
2. The make and model have data-menu="false". But the column menu contains both columns.

Expected/desired behavior

The data-menu configuration should be parsed to a boolean.

Environment

• Kendo UI version: 2021.1.119

Bug report

The first unlocked column cannot be dropped into the next locked column.

Reproduction of the problem

1. Go to the following Progress Kendo UI Dojo.
2. Start drag from the ShipCountry (the first unlocked column) column header.
3. Drop to ShipName(locked column) column header.

Expected/desired behavior

ShipCountry should become a locked column and move to next to ShipName like how it worked in version 2021.3.914.

Environment

• Kendo UI version: 2022.2.802
• jQuery version: All Supported Versions
• Browser: All

I'm currently get my application up to WCAG 2.1 compliance, however im come across an issue with the kendo grid that is causing it to fail.

when I load up the page there are no issues, the column headers id is a randomly guid and the cells below aria-describedby attributes reference that guid.
However when I press on the column header it sorts the column however in doing so it changes the id of header and this causes the cells below to have their aria-describedby attribute to reference an id that doesn't exist anymore. 

I have the grid keyboard navigable.

Is there anyway to force it to always use an id?

The current version of Kendo UI no longer allows you to align column headings as described in the demo https://demos.telerik.com/kendo-ui/grid/cell-alignment

It occurs because a nested tag (k-link) is set as display: flex;

You can see an example of it on your own demo site (link above) - Ship City header should be centered but isn't.

{
    field: "ShipCity",
    title: "Ship City",
    headerAttributes: { style: "text-align: center" },
    attributes: { style: "text-align: right" }
}

### Bug report

When reordering expanded rows, the "rowReorder" event does not return a correct "oldIndex".

### Reproduction of the problem

1. Create a hierarchical grid and enable the reorderable.rows property;

2. Expand all rows;

3. Handle the "rowReorder" event and log the event data in the browser console;

4. Move the second row above the first row. The property "oldIndex" returns a wrong value. It should be "1".

A Dojo sample for reproduction: https://dojo.telerik.com/AJIGuBEh

### Expected/desired behavior

The "rowReorder" event of the grid should return the correct indexes of the moved row.

### Environment

* **Kendo UI version: 2022.1.301
* **jQuery version: 1.12.4
* **Browser: [all]

Bug report

Reproduction of the problem

https://dojo.telerik.com/umOWEMEx

1. Drag and drop Company Name to the group area, to make the grid group by Company Name

2. Reorder Contact Info next to Company Name by drag and drop the column header (from unlocked to locked)

3. Reorder Contact Info back to original place (from locked to unlocked)

Current behavior

The header of Contact title is showing at the left side of Company Name

Expected/desired behavior

The header of Contact title is showing under Contact Info

Bug report

Using groupHeaderColumnTemplate in Group Paging causes group rows to render without a group-data-uid attribute

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

Inspect grouping row element

Expected/desired behavior
The group-data-uid attribute shall be present

Environment
Kendo UI version: [all]
jQuery version: x.y
Browser: [all]

Bug report
Selecting a row on a parent grid with selectable enabled unticks checkboxes from the selectable column in child grids

Reproduction of the problem

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

1. Select rows in a child Grid

2. Select a row in the parent Grid

Expected/desired behavior
The checkbox ticks shall be persisted when the user selects a row in the parent grid

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

Create Grid with scrollable, resizable, navigable settings set to true in RTL (Chrome Version 85.0.4183.121 (Official Build) (64-bit))

• If scroll exists, resize in column will not work
• after scrolling the scroll to left, when try to edit inline cell in left side, scroll eventually go back to the scroll start position(in the right) and cell is closed for edit(have no option to edit grid with big amount of columns)
• after scrolling the scroll to left, mouse hover to column header removes all column headers, the headers appears after moving the scroll to the start position 

Link to Dojo:

https://dojo.telerik.com/IZInOVUd/4

video:

https://drive.google.com/file/d/1pQa4UVLcMUg929JgTtKJ1udxIAbWtn0m/view

Regards,

Bug report

When the Kendo UI Grid is initialized with the bind method utilizing MVVM, the columns.template is correctly bound based on the data-role, but the columns.headerTemplate does not render like the template.

Reproduction of the problem

Please take a look at the following Progress Kendo UI Dojo.

Current behavior

The column.headerTemplate does not render the elements containing a data-role.

Expected/desired behavior

The elements which contain a data-role should become widgets upon binding.

Environment

• Kendo UI version: 2022.2.510
• jQuery version: All supported versions
• Browser: All

Bug report

When the Grid is used with MVVM, if there is a footer template defined for a given column and 'data-auto-bind' is set to false, the footer template is not rendered properly.

Reproduction of the problem

1. Open this Dojo and run it. See the expected footerTemplate result
2. Change the 'data-auto-bind' property to false
3. Run the project again

Current behavior

The footerTemplate defined for the "Unit" column is displayed under "ProductName"

Expected/desired behavior

The footerTemplate defined for the "Unit" column should be displayed under the "Unit" column

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all]

Hi team,

Found an issue with column filterable property on IE 11 and last kendo UI for jQuery release.

Please have a look at this dojo with IE11: https://dojo.telerik.com/UfIZePaZ

Using property "filterable: { multi: true}" on first column leads to the grid not being built with console error.

Regression bug as it works with previous kendo release.

Regards,

Laurent.

Bug report

When using a ForeignKeyColumn that is bound to a dataSource, the Grid options will not be available initially such as during the document.ready event.

Reproduction of the problem

Please visit this Progress Kendo UI Dojo which demonstrates the Grid unable to retrieve the options, and receiving a JavaScript error.

Expected/desired behavior

The Grid options should be available upon the document.ready event with a databound ForeignKeyColumn.

Environment

• Kendo UI version: 2022.2.510
• jQuery version: 3.6.0
• Browser: All

Hi!

I've found that column menu doesn't work properly when both columns.selectable and columnMenu are enabled. Just run this code snippet and try to enable/disable columns in column menu.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columnMenu: true,
  columns: [
    { selectable: true },
    { field: "name" },
    { field: "age" },
    { field: "pet" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 25, pet: 'dog' }, 
    { name: "John Doe", age: 71, pet: 'cat' } 
  ]
});
</script>
</body>
</html>

Bug report

Ticket ID: 1472456

Reproduction of the problem

[Dojo]

Current behavior

Using the setOptions() method in an MVVM bound grid causes 2 read requests

Expected/desired behavior

A single request should be issued.

Workaround

programmatically remove the kendo binding from the element before calling the `setOptions()` method.

   grid.element[0].kendoBindingTarget = null;
   grid.setOptions(options);

Environment

Kendo UI version:** 2020.2.617