Scrollbar issue in Chrome with UseStaticHeaders and Frozen Columns

[Ryan]

Hello, we are having an issue when using frozen columns with the RadGrid in Chrome.  The scrollbar disappears on first load.  However, if you resize the browser or click on a column header to sort, the scrollbar re-appears.

I've had the same issue with the demo at https://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/frozen-columns/defaultcs.aspx.  However, a few times the demo worked okay when I refreshed.  When I paste the demo code in my project and connect to my datasource, it never works on first load.  I think it may be a timing issue.

 

Thanks

 

[jasper]

Hi,

We ran into the same issue. I hope you can provide a quickfix very soon because this is a big problem in our production environment. Symptoms started since the latest Chrome update 53.0.2785.116.

Regards, Erik Brink

Thinkwise Software

[Murugesan Jambukesan]

Hi,

We have the exact issue in our Production Environment. Users can not work with this option. Please response about this issue

 

Thanks,

[Pavlina]

Hello,

No changes where made in the Grid frozen columns functionality in the last few months, which means that the problem you encounter is only related to the browser version update. However, we will investigate the case further and depending on the browser specifics and next versions of the Chrome we will take the necessary action. 

Regards,
Pavlina
Telerik by Progress

[jasper]

Any quickfixes already? 

 

Notice the vertical scrollbar becomes visible on the div with id="FrozenScroll" which pushes the horizontal scrollbar down and it becomes invisible by that.

Why does this div have overflow: auto on both ends and not only on the horizontal part?

Clearly it is browser related but maybe the grid html/javascript could be manipulated a bit to solve this issue once and for all.

[Pavlina]

Hi,

The problem with grid scrollbar in Chrome 53 is fixed and the fix will be included in the internal build which will be available for download in your account later today.

As a workaround you can also use the code snippet below:

#<%=RadGrid1.ClientID %>_Frozen {
    overflow-x: scroll !important;
}

Regards,
Pavlina
Telerik by Progress

[Informatique Ressource Humaine]

Hi, 

We have the same problem here. The upgrade will be available for all or just for jasper's account ?

Is-it possible to access this upgrade too ?

Thank's,

Regards,

Da Costa Maia Anthony.

[Ryan]

Thanks, Pavlina.  The workaround works for us.

[Sundeep]

Thanks, Pavlina. This worked for me. 

[sudheer]

Thanks Pavlina , your workaround work me.

[Thit Htoo]

How Can I Solve That Solution. I use

function GridCommand(sender, args) {
                    if (args.get_commandName() == "Open") {
                        debugger;
                        var OrderID = sender.get_masterTableView().get_dataItems()[args.get_commandArgument()].getDataKeyValue("OrderID")
                        var manager = $find("<%= RadWindowManager1.ClientID%>")
                        manager.setUrl("Listing_RadWindow.aspx?OrderID=" + OrderID, "RadWindowManager1");
                        manager.show();
                    }
                }

 

function refreshGrid(arg) {
                    debugger;
                    var manager = $find("<%=RadWindowManager1.ClientID%>")
                    manager.close();
                    var masterTable = $find("<%= grdListing.ClientID %>").get_masterTableView();
                    var label = document.getElementById('<%=lblMsg.ClientID%>');
                    label.innerText = "";
                    masterTable.rebind();
                }

in that Page. But It doesn't work in chrome. How Different chrome and Firefox in using Telerik. Let me know about that.

[Vessy]

Hi Thit,

The provided client-side logic looks proper - can you elaborate a bit on the exact issue you are facing, which functionality is not working? It will be really helpful if you prepare and send us a small sample where we can reproduce faced by you problem and debug the exact setup leading to it. You can see how to prepare such easily here:

https://www.telerik.com/blogs/isolating-a-problem-in-a-sample-project

Regards,
Vessy
Progress Telerik

[Thit Htoo]

That Code work in Firefox. But It doesn't work in chrome. I capture error found in chrome. Please can you explain how to solve that problem

[Vessy]

Hi Thit,

I would love to help you bu I will need your assistance in order to do so. Please, send me a small sample project where I can replicate the thrown JavaScript error and examine further what is causing it.

Regards,
Vessy
Progress Telerik