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]

Bug report

When the persistSelection option of the grid is disabled and several rows are selected across several pages, the selectedKeyNames() method returns all IDs instead of only the ones on the current page.

Reproduction of the problem

1. Set persistSelection to false.

2. Select several rows across several pages.

3. Call the selectedKeyNames method

4. Observe that IDs that are not on the current page are returned.

The steps can be replicated in the following live demo:

https://demos.telerik.com/kendo-ui/grid/checkbox-selection

### Environment

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

Bug report

Remote data source is not correctly "in sync" when page up/page down buttons are used in Grid with Endless scrolling of remote data

Expected/desired behavior
Endless scrolling shall behave as when the mouse scrolling is used

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

Hi team,

To reproduce that, go to https://demos.telerik.com/kendo-ui/grid/persist-state

- first, inspect the TH element of the "Contact Name" column, no headers attribute. (screenshot 1)

- then click on "Save State" button and click on "Load State" button.

- now, inspect again the TH element and you will find the attribute "headers"="undefined", on each column actually. (screenshot 2)

Not a big deal but this makes an entry (serious) with the Axe plugin accessibility checker.

Please advise and propose a workaround if any.

Best regards,

Laurent.

Bug report

When using specific themes for a scrollable Kendo UI Grid which have long titles within the column header, the sort icon are partially shown or not shown.

Reproduction of the problem

1. Please check out this Progress Kendo UI Dojo
2. Sort the first column

Current behavior

The sort icon is not shown upon sorting.

Expected/desired behavior

The sort icon should be shown as expected with every theme.

Environment

• Kendo UI version: 2021.3.1109
• jQuery version: 3.6
• 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

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

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

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

Bug report

When the data in a Grid is filtered and grouped and then we try to add a new record an error is thrown

Reproduction of the problem

1. Open the Dojo example.
2. Filter a column (ex. filter ProductName that contains 'a')
3. Group by UnitPrice
4. Click the external 'add' button.

Current behavior

The following error appears in the broswer console: Uncaught TypeError: Cannot read properties of undefined (reading 'length')
The error appears no matter if dataSource.add() method or gridData.splice(0, 0, newData); is used

Expected/desired behavior

There should be no error when an item is added to the Grids dataSource

The issue is a regression starting with 2022.2.621

Environment

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

Bug report

In case the inline editing is enabled in the Grid and also there is a selectable column, checking/unchecking the selectable column will check/uncheck all the checkboxes on the row.

Reproduction of the problem

1. Open the Dojo example.
2. Click 'Edit'
3. Check/uncheck the checkbox in the first column.

Current behavior

All the checkboxes on the row are checked/unchecked.

Expected/desired behavior

Only the checkbox in the selectable column should be checked without affecting the checkboxes in the other column.

The issue is a regression introduced with 2022 R1 (2022.1.119)

Environment

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

Hi everyone, 

i have a kendo Grid with columns virtualization enabled. It works perfectly but comes a weird behaviour when I add aggregate columns.

The problem consists in the constant relocation of aggregates cells values when scrolling horizontally the grid, i.e aggregate cell keeps changing column : the more you scroll, the more it jumps from a column to another.

I provided this jsFiddle sample to help you reproducing the problem.

Keep scrolling horizontally and keep an eye on "Field6"  and "Field8" columns where aggregates have been configured and you will see that the corresponding aggregates values will constantly go on wrong columns.

Bug report

When using the Selection and Export Grid Demo in Safari, and pasting the cells in Excel, there appears to be some extra empty lines below the paste.

Reproduction of the problem

1. Open the demo URL in Safari browser.
2. Select few cells and choose Copy option from the context menu.
3. Open an Excel file and paste the copied items (extra empty lines are pasted at the end).

Expected/desired behavior

The pasted lines should not include any additional empty lines beneath the specific content.

Environment

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

Bug report

When a PopUp edit mode is used with a custom template, the template is shown with an additional edit field for each column. The problem appears only on a mobile.

Reproduction of the problem

Open the following dojo example:
https://dojo.telerik.com/AKoyIqit/7
on a mobile phone and try to edit a record in the Grid. The template appears, but also an input field for each column is shown.

Expected/desired behavior

Only the declared template should be shown inside the PopUp window.

Environment

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