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

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 ]

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 Grid is used with MVVM, if there is a footer template defined for a given column and 'data-auto-bind' is set to false, the footer template is not rendered properly.

Reproduction of the problem

1. Open this Dojo and run it. See the expected footerTemplate result
2. Change the 'data-auto-bind' property to false
3. Run the project again

Current behavior

The footerTemplate defined for the "Unit" column is displayed under "ProductName"

Expected/desired behavior

The footerTemplate defined for the "Unit" column should be displayed under the "Unit" column

Environment

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

Bug report

Reproduction of the problem

Dojo example.

1. Make several columns wider and then shrink one of them (See the attached video).
   Recording31.zip

Current behavior

Columns and headers are misaligned.

Expected/desired behavior

Columns and headers are properly aligned.

Environment

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

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

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 ]

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.

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.

Hi, 

 

There is a bug on the kendo grid when you have inline editing and a filter applied

So what's happening is that when you apply a filter and then click on "add new record" it doesn't show the new record, even worst it actually add the new empty record in the datasource, so you see new empty line when you remove the filter ....

it's really easy to demonstrate, i make you a dojo : https://dojo.telerik.com/EJIhohuf

this dojo is actually the editing inline demo (https://demos.telerik.com/kendo-ui/grid/editing-inline) with just the filtering enabled like so :

filterable: {
        mode: "row"
    }

to reproduce :

- apply any kind of filtering

- try to add a new record

- here you see nothing is happening, we expect to see a new empty line to add a new record (also the beforeEdit event is not fired but not sure this is a bug)

- remove the filtering

- you can see the empty lines (if click 5 times on add new record you get 5 empty lines)

 

Best regards,

you have a great product hope you can improve it even more 

Hi Guys,

I have just tripped over a problem in the 2020 R1 release whereby the sort indicator is not being shown when autoBind is set to false.

To illustrate the problem run the following dojo

    https://dojo.telerik.com/eMELiMut

which will show a sort indicator on the 'Ship Country' column.

Now if you uncomment 'autoBind:true' and 'dataSource.read();' and re-run you will see that although the data is being sorted correctly the 'Ship Country' column is missing the indicator.

Regards
Alan

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

Bug report

Grid's layout breaks when having columns with defined widths which sum exceeds 960px and the scrollable property is set to false.

Regression introduced in 2020.1.114

Reproduction of the problem

Open this Dojo in fullscreen and see Grid's layout.

If you change the Kendo UI version to 2019.3.1023, Grid's toolbar is correct

Current behavior

Grid's layout is breaking

Expected/desired behavior

Grid's layout shouldn't break.

Environment

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

 

 

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/grid/column-virtualization">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.114/styles/kendo.default-v2.min.css" />

    <script src="https://kendo.cdn.telerik.com/2020.1.114/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.114/js/kendo.all.min.js"></script>
    

</head>
<body>
<div id="example">
    <div id="grid"></div>
    <script>
        $(function() {
            var columns = [];
            var data = [];
            var numberOfColumns = 500;
            var numberOfRows = 100;
            var field;
            var row;
            var i;
            var j;
               
            for (i = 1; i <= numberOfColumns; i++) {
                field = ("Field" + i);
              if(i==2)
                columns.push({ field: field, title: field, width: 200, hidden: true });
              else
                columns.push({ field: field, title: field, width: 200 });
            }
            for (i = 1; i <= numberOfRows; i++) {
                row = {};
                for (j = 1; j <= numberOfColumns; j++) {
                    field = ("Field" + j);
                    row[field] = "R" + i + ":C" + j;
                }
                data.push(row);
            }

           var dataSource = new kendo.data.DataSource({
               pageSize: 10,
               transport: {
                   read: function(e) {
                       e.success(data);
                   }
               }
           });
           
           $("#grid").kendoGrid({
               dataSource: dataSource,
               sortable: true,
               scrollable: {
                   virtual: "columns"
               },
               width: 1000,
               navigatable: true,
               filterable: true,
               columnMenu: true,
               pageable: {
                   refresh: true,
                   pageSize: 10,
                   pageSizes: true,
                   buttonCount: 5
               },
               columns: columns
           });
        });
    </script>
</div>


</body>
</html>

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] 

Hi,

the adaptive rendering in the grid control is not working in the current version(2019.3.1023).

To reproduce go to https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/adaptive#configuring-panes-on-mobile --> Open in Dojo --> Run and the 2 rows are not displaying. If you switch to version, choose Library dropdown, 2018.3.1017 or up to 2019.1.220 the 2 rows are ok. 

Similar behaviour is inspected to the scheduler control agenda view. To reproduce go to https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/adaptive-rendering#configuring-panes-on-mobile --> Open in Dojo --> Run --> change view from week to Agenda and the 2 events are not shown. If you switch to version, choose Library dropdown, 2018.3.1017 or up to 2019.1.220 the 2 events are ok. 

Tried in chrome, safari and mobile phones.

thanks,

Kostas Vlachakis

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]

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 ]