Bug report
Reproducible in mobile mode enabled

Reproduction of the problem
1. Open below demo and enable mobile mode

2. Refresh

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

Current behavior
Error is thrown, grid not bound 

Expected/desired behavior
No error shall appear

Environment
Kendo UI version: 2020.3.1021
jQuery version: x.y
Browser: [Chrome | Firefox ]

Bug report

ColumnMenu in Grid does not hide/unhide the correct column when command column is placed first

Reproduction of the problem

1. Open the Dojo
2. Open the columnMenu for one of the columns
3. Try to select a column, for example "Unit in Stock"

Current behavior

Currently, the previous column is checked/unchecked and respectively hidden ("Unit Price")

Expected/desired behavior

The column that is selected in the columnMenu should be hidden or displayed and checked/unchecked in the columnMenu

Environment

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

Bug report

When the horizontal scroll of the grid is shown and is configured for RTL, the resize handle is mispositioned. 

Reproduction of the problem

1. Make the grid scrollable and set explicit widths to all columns.

2. Make the grid RTL.

3. Introduce multi-column headers.

4. Notice that the columns cannot be resized due to the disposition of the handler.

5. Dojo for replication:

https://dojo.telerik.com/IZInOVUd

6. Notice that whenever the horizontal scroll is not present, the resize handle is positioned correctly.

Environment

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

The issue is reproducible when the grid consists only from Multi-header columns, the setDataSource() method has been used and one of the columns is initially hidden.

After setting the new data source, the last header gets hidden. The "display: none;" style has been applied to the "th" HTML element.

Steps to reproduce:

1. Create a grid with multi-header columns only.

2. Hide one column initially.

3. Set a new data source via the setDataSource() method.

4. The last column gets hidden.

Sample Dojo:

https://dojo.telerik.com/AcipENOt

Kendo UI version: 2019.1.220

Following example @ https://docs.telerik.com/kendo-ui/knowledge-base/grid-sort-displayed-columns-menu-items sorts a column menu. When hide column is then clicked, the wrong column is hidden.

This can be seen in your own dojo example linked in the above doc and @ https://dojo.telerik.com/UWuxOseV . Hiding column Ship Name hides Ship Address instead.

This seems to have been introduced in 2019 R2 SP1 version.

We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.

I just need to override the title text. What style can I set so the title text is bold but not the filter options?

Thanks,

Shawn

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

the Kendo grid does't accept cell value changes when using android mobile phone with the Chrome browser. You can test it on the telerik demo https:demos.telerik.com/aspnet-mvc/grid/editing.

for example change the value of the Unit Price and go to the other cell. you will see that the value will become the original value.

just by touching some where outside the border of the grid the value will change.

Reproduction of the problem

1. In the SASS Theme builder, create а theme based on the Default theme
2. Download it and load it on a page with a Grid

Current behavior

On desktop there is a page number duplication: screenshot.
On mobile the page numbers disappear: screenshot

Expected/desired behavior

The pager should look like in the Default theme.

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,

Link to GitHub issue - https://github.com/telerik/kendo-ui-core/issues/4705

### Reproduction of the problem:

1. Run this dojo
2. Collapse one or more of the subCategory groups
3. Collapse the category Group
4. Expand Category


### Current behavior

The aggregate rows are missing and the locked and unlocked content is misaligned

### Expected/desired behavior

Rows should be aligned

The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:

Result: all columns a set to their minimum width.

 

    var grid = $("#grid").kendoGrid({
        dataSource: dataSource,
        columns: [

// ...       

],

        columnShow: function (event) {

            console.time('autoFitColumn');
            for (var i = 0; i < this.columns.length; i++) {

                var col = this.columns[i];
                             this.autoFitColumn(i);
            }
            console.timeEnd('autoFitColumn');
        },
      // ...
        filterable: true,
        sortable: {
            mode: "multiple",
            allowUnsort: true
        },
        pageable: true,
        reorderable: true,
        scrollable: true,
        columnMenu: true,
        mobile: true,
    }); 

The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.

I tested the problem in multiple browsers, but the main browser I have to support will be the IE.

BR,
Christian 

Hello Support Team,

with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D 

See the following example: https://dojo.telerik.com/IkigawaX

With jQuery 1.x everything works fine.

Regards

Alexander

After the kendoGrid is created, the headerAttributes field (of every column) has a id value (generated by Kendo) of some random GUID - but this GUID is nowhere to be found in the entire HTML.

So, there is no way to link a Kendo column object to an HTML (th) element.

When using the Nova theme locked command columns are not styled correctly.   
In the following dojo one command column is locked and not styled while another command column is not locked but styled correctly.
https://dojo.telerik.com/eWECAZEw

Here's the code in case the dojo doesn't work:

Bug report

Regression introduced in R3 2019 SP1. Reproducible with the LESS themes.

Reproduction of the problem

Dojo example.

1. Open a column filter menu and click on one of the dropdowns in it.

Current behavior

All of the text in the filter menu gets selected.

Expected/desired behavior

No text selection.

Environment

• Kendo UI version: 2019.3.1023
• jQuery version: x.y
• Browser: [Chrome 77 | Firefox 69 ]