Hi,

I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.

I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.

In the browser console you can see the javascript error: "Cannot read property 'rows' of null".

Reproduction of the problem:

1. Go to https://demos.telerik.com/kendo-ui/grid/index
2. Hit F12 top open the Developer toolbar
3. Click on "Toogle device toolbar" (CTRL + SHIFT + M)
4. Choose any device, ex: iPad, iPhone
5. Reload page to make the changes take effect
6. Click on "Run live demo"
7. Grid not loading!!
8. Console is showing a JavaScript error: "Cannot read property 'rows' of null"

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 dataSource is set with the setDataSource method

Reproduction of the problem

Dojo example.

1. Run the dojo
2. Click the button
3. Focus the first Grid cell. Press and hold the Down Arrow key to navigate through the rows

Current behavior

The scroll position is not updated while scrolling and navigation stops at 10347.

Expected/desired behavior

Scroll position is properly updated and the user can navigate to the end of the page.

Environment

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

Take this Dojo: https://dojo.telerik.com/iCECeXeC

1. Press 'Run'
2. Remove the filter for Contact Title
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is not removed.

On the other hand if I do the following:

1. Press 'Run'
2. Change the filter for Contact Title to 'Sales Representative'
3. Press 'Save State'
4. Reload page (F5)
5. Press 'Run'
6. Press 'Load State'

Result: The filter for Contact Title is changed correctly to 'Sales Representative'

Why is the first example not working? Is this intended behaviour or a bug? Is there a workaround?

Kind regards.

When there are a lot of columns on the page and a column is shown, it is shown at its original position in the grid columns array. 

It would be much better from a user experience point of view if the column is shown where the user clicked on the column menu to show the hidden column.

Bug report

Regression introduced in 2019.2.619.
Related commit: telerik/kendo@2a806f6#diff-f810c335b76ea2e4d78327457f230a46L3882-R3882

Reproduction of the problem

Dojo example.

1. Add a new record.
2. Click "Update" in the editor.

Current behavior

The following validation message is displayed: ! name

Expected/desired behavior

The validation message should be: ! name is required

Environment

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

grid column virtualization issue with hidden column.

When you scroll further in your grid having one or multiple hidden column(s) the value of the hidden column appears in a side column.

Hi Team,

I'd like to request the functionality to allow the user to select the ALL option while using GroupPaging.  

Thank you

Bug report
Grid Filter Inputs Value Switch after filter is applied and filter menu reopened

Current behavior
When the second input in the filter menu is provided and grid filtered after reopening the filter menu the filtered value is bonded to the first input

Dojo to reproduce:

https://dojo.telerik.com/UXajIbey

Steps to reproduce:

1. Open filter menu for "Event Date" column

2. Set a filter value on the second DatePicker input and hit the Filter button

3. Reopen the filter menu on the same column

Expected/desired behavior
The filtered value shall be bonded to the input user has provided

Environment
Kendo UI version: all
Browser: all

It would be great if the selected operator could be made visible in a filter row. For instance when I select the operator "Is greater than or equal to" the filter button icon should reflect this operator option. Something like this:

Bug report

Expanding all detail templates via expandRow() on a Grid with many records and no paging enabled takes really long time

Reproduction of the problem

 - Open

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

- Click Expand All button (the page gets non-responsive for 70 seconds)

Expected/desired behavior
The above Grid shall expand all detail templates for a reasonable less amount of time. For example: 

• https://dojo.telerik.com/aBAseraz/5

Ability for a grid to show foreign key values from a remote datasource rather than just a fixed array.

Refer to: http://www.kendoui.com/forums/ui/grid/foreign-key-option-doesn-t-work.aspx

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 ]

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>

Hi, 

I would like to request the configuration of the Search Panel to have a custom search function.  For example, I could use this to modify search results(ie. ignore accents).  

Thank you!