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 ]

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

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?

Currently, when the Grid widget is empty, as it is initially, the progress indicator is hidden because the its element, with class .k-grid-content, has zero height.  Just move the indicator to .k-grid-content.filter(":parent") or the equivalent so that everyone won't have to kludge it with a min-height class override for .k-grid-content.

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

Grid's footer is moving together with its pager based on the configuration of the pageable.position property.

Reproduction of the problem

1. Open this Dojo and run it

Current behavior

The footer of the Grid is positioned above its pager

Expected/desired behavior

With pageable.position set to "top" only the pager should be moved above Grid's rows. Its footer should stay at the bottom of the component, below its rows.

Environment

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

Viewing the grid columns and arranging data based on respective media queries

Bug report

In a Grid with popup editing, saving/cancelling the changes shows hidden columns for a short time.

Regression with v 2023.2.829

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/icarOBim/6
2. Open the browser console
3. Edit a field and press the save button

Current behavior

The hidden ID column is shown for a short time

Expected/desired behavior

The hidden column should remain hidden

Environment

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

When adding Multi-Level Hierarchical Grid no option to make single select mode for the whole grid so that when i click a row on the master grid and another in the details grid and one other again in the 3rd sub-details grid  i have both 3 of the rows selected.

I hope other developers realize the importance of this feature and vote for it.

It would be nice (in fact, important to have) an event that we can hook into, after the Edit event fires but before the editor template (more relevant when the editor is a custom popup template).

Let me explain.  On my custom editor template, I have a few dropdownlists that are not defined as foreign keys from the grid datasource.  The dropdowns are defined on the template, usually with a Read action on it.  This read action fires when the template is rendered.  In the Edit event, I need to set some of the elements as different or hidden or shown based on the selected value from more than one dropdown.  This is needed so that some other elements are shown/hidden when the popup is rendered.  The problem is, The edit event is too early to know the selected items in these dropdowns since the data for these ddls are not loaded yet.  Since I need values from multiple dropdowns, hooking into individual databound events of the ddls won't work either.

So, if we had an event something like "BeforeRender" on the grid that fires after all the datasources are loaded and databound for all relevant elements on the editor template, but before the template is rendered onscreen that would be great.  Then, we can hook into this event and when we do, all the datasources for all the dropdowns, comboboxes etc. are loaded and databound already. We can use the items from these elements to show/hide other elements.

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]

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

When clicking on CheckBox to select a line, the widget check other checkbox (on other column of the same line) inserted from column template.

I suppose that the selector that the system use is too large.

For information, i created a template for boolean column based on how kendo generate checkbox structure (just de be coherent)

See the code extracted from https://dojo.telerik.com/EqiPIkiV

 var checkBoxtemplate = function(boolValue){
   	var checkedStr = '';
    if (boolValue) {
    	checkedStr = 'checked="checked"';
    }

        
    return '<input class="k-checkbox" data-role="checkbox" ' + checkedStr + ' type="checkbox"><label class="k-checkbox-label k-no-text smi-checkbox-fordisplay"></label>';
 };
  
$("#grid").kendoGrid({
  columns: [
    {
      selectable: true, 
      width: '30px'
    },
    { field: "name" },
    { field: "age" },
    { field: "administator", 
      template: function (dataItem) { 
        return checkBoxtemplate(dataItem.administator); 
      }  
    }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30, administator: false },
    { name: "John Doe", age: 33, administator: false },
    { name: "BigBoss Doe", age: 70, administator: true }
  ],
  selectable: true
});

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

The rendering of the Grid header for a command column is different than the one for the default header.

Regression introduced with 2023.3.1114

Reproduction of the problem

1. Open the following Dojo example - https://dojo.telerik.com/@Zornitsa/aTIxApiV/3
2. Inspect the HTML of the Grid headers

Current behavior

• Rendering of default header:

• Rendering of command header:

Expected/desired behavior

The rendering of both headers should be the same.

Environment

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

Need to have the grid automatically draw itself correctly even if it is initially hidden.  Right now if it is hidden first, even with static height, when it is shown using javascript it is not draw correctly.  (especially with scrolling enabled)

Suggested route:  Add a repaint method that way people can call this as needed.

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