Version of Kendo UI Grid: v2016.3.1028

There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:

Bug report

In a Grid with checkboxes in the first column, if you navigate through the Grid for a second time, only the checkboxes are focused.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
2. Navigate through the whole Grid with tab.
3. Navigate a second time through the Grid.

Current behavior

When navigating through the Grid for a second time, only the checkboxes are focused.

Expected/desired behavior

All the cells of the Grid should be focused.

Environment

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

Bug report

In a Grid with checkboxes in the first column, when tabbing through the Grid, the checkbox in the first row is skipped.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EZERotAN/5.
2. Start navigating from the beginning of the Grid.

Current behavior

While navigating, the checkbox on the first row is skipped and the ID column will be focused instead.

Expected/desired behavior

The checkbox should not be skipped.

Environment

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

Bug report

When there are sticky columns in Grid and the horizontal scrollbar is visible, the text of the columns is overlapping while scrolling.

Reproduction of the problem

1. Open the Dojo in fullscreen
2. Resize the browser in order for the horizontal scrollbar to be visible and scroll

Current behavior

The text of the columns is overlapping

Expected/desired behavior

The text of the columns in Grid should not overlap whiles scrolling

Workaround

window.addEventListener('resize', function(){ $("#grid").data().kendoGrid._updateStickyColumns(false); });

Dojo

Environment

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

So we are loving the sticky columns in Kendo UI v2020.3.1118 JQuery Grid however we are experiencing a synchronisation issue between the column headers and the filter rows.

The attached screenshots and video show the problem.

I tried to find a solution in your KB's but am reaching out to you in case you can recommend a solution?

Ideally, the filter row would know about the sticky columns, but it seems not to.

Kind Regards, Garry.

Bug report

The behavior has been introduced in R3 2020.

Reproduction of the problem

Dojo example.

1. Run the example

Current behavior

The sticky column's left border is not displayed.

Expected/desired behavior

The sticky column's left border is displayed.

Environment

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

I just recently upgraded to the latest version of Kendo UI (2021) and noticed one of my screens broke.  I'm not sure if this was something that you intended on breaking so I wanted to report it as a bug.  I had a screen with a grid in which the detail contained a child grid.  This particular screen doesn't have a lot of rows and the due to the usage of it the detail is extremely important and I have it set to auto expand.  The auto expand still works in the respect that the rows show as expanded but every row has the same detail...which is the detail belonging to the first row.  Here is a dojo showing the bug in action: https://dojo.telerik.com/@bowensby/EfUMihUp.

The main place to focus is the dataBound event on the main grid. I found a workaround using the commented out lines (the .each in jquery).  The original way is cleaner but it only causes detailInit one time and therefore repeats the same detail for every row.

The details for this can be found in ticket #1519224

Given some XML that has child nodes and attributes, I'm binding to a grid with no problem. The child grid for each row (built using detailInit) get's the data from the parent row e.data.get("BillRows")

If those rows have attributes, the '@' signs breaks the javascript for the grid. As you can see in the ticket, every attribute needs to be renamed before I can build the child grid.

Should be a way to use attributes in XML bound to a datasource/grid for all levels of grids.

Rick

Bug report

When multicolumn headers are configured in the Grid and exportSelectedToExcel method is used for exporting, a file is not always generated. The issue is reproducible when selectable is set to selectable: "multiple, cell" and cell from the first column of the multicolumn header is selected.

Reproduction of the problem

1, Open the Dojo
2. Select a single cell from the 'field1' column
3. Click the 'Export selected' button

Current behavior

No file is generated. If for example also a cell from another column is selected, then the Excel file is generated as expected

Expected/desired behavior

An Excel file should be generated as expected even if only a single cell is selected.

Environment

• Kendo UI version: 2021.2.616
• jQuery version: x.y
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

https://demos.telerik.com/kendo-ui/grid/server-grouppaging-virtualization and click to Edit in Dojo. It o

pens https://dojo.telerik.com/afoCefOJ

group: [{
                        field: "city",
                        dir: "asc"
                    }, {
                        field: "companyName",
                        dir: "asc"
                    }],

group: [{
                        field: "city",
                        dir: "asc"
                    }],

and also adjust pageSize to 10:

pageSize: 10,

Grid control doesn’t allow to change width of columns via keyboard. Column width adjustments could be done only via mouse. It would be great to have this ability from the accessibility perspective.

Reproduction of the problem

1. Open https://demos.telerik.com/kendo-ui/grid/index
2. Set focus on header of any column
3. Try to change width of the column

Current behavior

No hot key to change width.

Expected/desired behavior

Any hot key (e.g. Shift + Arrow Left / Right) to change width of a column.

Environment

Kendo UI version: "2020.3.1118"
Browser: Chrome 90.0.4430.212

### Bug report

When the Kendo UI Grid widget in "Popup" edit mode has more than one level of grouping, and when the adding of a new record is canceled, the group headers of the empty row are not removed.

### Reproduction of the problem

  1. Group the Grid by 2 columns;

  2. Click the "Add new record" button;

  3. Click the "Cancel" button in the Popup form;

  4. The empty row for the new record is removed, but the group header of the first group remains. 

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

### Expected/desired behavior

The group headers of the empty row should be removed when the adding of a new record is canceled.


### Environment

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

### Bug report

The Grid is filtered initially and no records are displayed. When a specified filter is cleared through the column filter menu, the column with the checkbox filter menu does not show any checkboxes and there is an error in the browser console.

### Reproduction of the problem

1. Create an initially filtered grid and enable the checkbox-filter menu on the first column.

2. When the grid is loaded and no records are displayed (based on the applied filters), clear any of the filters manually through the column menu.

3. Click on the column menu of the first column.

4. An error is logged in the browser console. The checkbox-filter menu contains no options, but the column has data.

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

### Expected/desired behavior

The options in the checkbox filter menu should be loaded properly when any column filters are reset.

### Environment

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

Bug report

In the Html4 specification it required the tbody element to follow the tfoot element. In contrast, the current Html5 specification favors the thead > tbody > tfoot structure, even though it doesn't explicitly forbid the table's tfoot element to be rendered after the thead and before the tbody element: https://html.spec.whatwg.org/#the-table-element
In terms of accessibility, it makes more sense the tfoot element to be rendered after tbody. This way the readers would be able to read the elements in a logical order: thead > tbody > tfoot

Reproduction of the problem

https://demos.telerik.com/kendo-ui/grid/aggregates

Inspect the footer

Current behavior

tbody is rendered after tfoot.

Expected/desired behavior

tbody is rendered before tfoot.

Environment

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

When the autofitcolumn method is used together with multi-headers and hidden columns, some of the columns are either not visible at all or shrunken.

The problem can be observed in the following Dojo:

https://dojo.telerik.com/EJezUyeg 

The CompanyName column should be visible, however it is not. If the example is ran in fullscreen, the column will be visible, however it will shrink if the Browser window gets smaller.

### Bug report

When the loaderType is set to "skeleton" and the grid is a hierarchy, the skeleton placeholder for the last column is not rendered.

### Reproduction of the problem

1. Set the loaderType to "skeleton".

2. Set a child grid to create a hierarchy.

3. Load the grid.

4. The last column has no skeleton container.

### TicketID: 1534057

### Environment

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

Hi,

When the grid is initially hidden and then revealed programmatically, the pageSizes (and several other elements) are not rendered.

Reproducer:

1.  Go to https://dojo.telerik.com/EBugiKAZ
2. Press Run and click the button, see no pageSizes and no "1 - 1 of 4 items" text
3. Resize the browser window and see the elements appear (requires a minimum size, seems responsive related)
   

This also breaks when you have grid in a hidden div that you toggle open and it breaks in both Chrome and Firefox

Bug report

Pdf export comes with loader when Kendo grid with endless scroll and allPages enabled

Reproduction of the problem

https://dojo.telerik.com/ABiMAjIK

Expected/desired behavior
No loading indicator shall be rendered in the exported PDF

Environment
Kendo UI version: all
Browser: all

### Bug report

When the column menu of the Kendo UI Grid widget with componentType set to 'modern' is used in a hierarchical grid, it expands behind the bottom of the page.

### Reproduction of the problem

1. Use the detail template feature of the Grid to create a child Grid;

2. Enable the "columnMenu" in the "modern" render mode;

3. Expand the last row and open the column menu;

4. Expand the filter menu. It is partly hidden.

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

### Expected/desired behavior

The  "modern" column menu should be rendered as the "classic" column menu - its position should be changed based on the available space.

### Environment

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