Virtual Scrolling on Mac = No Scrollbars

[Nathan]

I'm having an issue with the Grid when I set "scrollable {virtual: true}" when it's viewed on a Mac in either Chrome or Safari.  On Windows it works fine.  If "scrollable: true" is used instead, the scrollbars work as they should.

If the Grid fits horizontally, and needs to scroll vertically, the vertical scroll bar never shows, although you can still scroll using the mouse wheel.

If the Grid fits vertically, but needs to scroll horizontally, the horizontal scroll bar never shows, and I haven't noticed a way to get it to scroll horizontally.

Here's a simple example showing the second case:
http://jsfiddle.net/jxPF6/3/

I'll keep trying to find a work-around and will post any more info i dig up.

[Kori]

This is still occurring, and it's not just horizontal scrolling - also vertical scrolling. I used the page (http://demos.telerik.com/kendo-ui/grid/virtualization-local-data) for a ticket just now on the subject.

[Dimo]

Hello Kori,

I am pasting the relevant web page from your support ticket here, in case anyone else needs it:

http://osxdaily.com/2011/08/03/show-scroll-bars-mac-os-x-lion/

Regards,
Dimo
Telerik

 

 

[Will]

I'm currently reviewing the Grid control and I'm having the same issue described here.

I'm not sure I understand exactly how the osxdaily.com link solves the issue.

I have the default setting "Automatically based on mouse or trackpad".

• If I visit http://demos.telerik.com/kendo-ui/grid/index on my Mac, the scroll bars appear when I start scrolling as I would expect.
• If I visit http://demos.telerik.com/kendo-ui/grid/virtualization-local-data on my Mac, the scroll bars never appear.

I'm not sure why a system setting would have an effect on one but not the other?

The behaviour is fine on Windows, and I've confirmed on multiple developer Macs what I've detailed above.

Can you (/anyone) please advise as we'd really like to continue to look into this control

[Dimo]

Hello Will,

The "Automatically based on mouse or trackpad" value of the Mac OS scrollbar settings does not guarantee that a scrollbar will appear initially. This depends on the hardware configuration, i.e. whether a mouse or a trackpad is used. For example, the scrollbars appear initially and are always visible on our side, when the "auto" setting is applied, because our Macs use a mouse and not a trackpad.

https://support.apple.com/kb/PH18803?locale=en_US

So the only way to ensure visible scrollbars is to set "Show scroll bars" to "Aways".

Kendo UI calculates the width of the browser scrollbar on page load, so that it can render empty spaces on the right side of the Grid, above the vertical scrollbar. If the browser does not use visible scrollbars, the calculations return a zero result, which causes the observed issue. Fixing this behavior in a good and universally working manner is unfortunately outside our abilities.

Regards,
Dimo
Telerik