This is a migrated thread and some comments may be shown as answers.

Grid Selectable and Groupable not working in Chrome

6 Answers 164 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Pierre
Top achievements
Rank 1
Pierre asked on 11 Dec 2012, 10:43 AM
Hello,

Please see this fiddle http://jsfiddle.net/ptrinephi/vWHzs/3/
It's the default kendoUI Basic Usage demo at http://demos.kendoui.com/web/grid/index.html with 1 modification:
I've added selectable: true to the grid:

$(document).ready(function() {
    $("#grid").kendoGrid({
        dataSource: {
            data: createRandomData(50),
            pageSize: 10
        },
        selectable: true,
        groupable: true,
        sortable: true,
        pageable: {
            refresh: true,
            pageSizes: true
        },
        columns: [{
            field: "FirstName",
            width: 90,
            title: "First Name"},
        {
            field: "LastName",
            width: 90,
            title: "Last Name"},
        {
            width: 100,
            field: "City"},
        {
            field: "Title"},
        {
            field: "BirthDate",
            title: "Birth Date",
            template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #'},
        {
            width: 50,
            field: "Age"}
                   ]
    });
});​
Everything works properly when run in IE (8,9,10), FF 17, Safari 5 and Opera 12.  You can select rows on the grid. 

Run in Chrome 23:
1.Row selection does not work! Click on any row and nothing happens.
2.You can only drag 1 column to the group header.  Drag a second column to the group header and nothing happens.

Thanks.

PT

6 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 12 Dec 2012, 09:57 AM
Hello Pierre,

Unfortunately we are no able to replicate the described behavior from the jsfiddle in Chrome browser. The exact version is: 23.0.1271.97 m
Here is short video showing what we've tried. http://screencast.com/t/6rTh43zYr

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Pierre
Top achievements
Rank 1
answered on 12 Dec 2012, 02:36 PM
Interesting! It definitely does not work on my computer (windows 8), I tried 3 other windows 7 PCs and it does work on 2 of them. That's 2 out of 4!  All 4 PCs have the latest version of chrome (23.0.1271.97 m).  I uninstalled/reinstalled chrome from my PC but still no luck!
There must be something in chrome that messes things up but what!
0
Accepted
Nikolay Rusev
Telerik team
answered on 13 Dec 2012, 12:06 PM
Hello Pierre,

We are not sure how to assist you in this case. The demo from the post works consistently on our side. Maybe there is some browser extension that is causing this behavior?

All the best,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
William
Top achievements
Rank 1
answered on 19 Mar 2013, 02:51 PM
I also have the same issue. Selecting a row works fine in Firefox/IE, but will not work in Chrome. I have no extensions and this is on a fresh install of Windows 7 and Chrome (25.0.1364.172). The JSFiddle example is also not working. 

Has there been any explanation as to what may cause this?
0
Nikolay Rusev
Telerik team
answered on 20 Mar 2013, 04:02 PM
Hello William,

We were unable to replicate the problem from Pierre's post and we are still unable to so.

All the best,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
William
Top achievements
Rank 1
answered on 20 Mar 2013, 04:27 PM
My apologies, it seems I was using an older version of the javascript libraries. Updating to the latest version resolved the issue for me.
Tags
Grid
Asked by
Pierre
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Pierre
Top achievements
Rank 1
William
Top achievements
Rank 1
Share this question
or