Virtual Scrolling on Mac = No Scrollbars

5 posts, 0 answers
  1. Nathan
    Nathan avatar
    1 posts
    Member since:
    Jul 2012

    Posted 23 Aug 2012 Link to this post

    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:

    I'll keep trying to find a work-around and will post any more info i dig up.
  2. kfrancis
    kfrancis avatar
    71 posts
    Member since:
    Dec 2008

    Posted 03 Oct 2014 in reply to Nathan Link to this post

    This is still occurring, and it's not just horizontal scrolling - also vertical scrolling. I used the page ( for a ticket just now on the subject.
  3. Dimo
    Dimo avatar
    8406 posts

    Posted 06 Oct 2014 Link to this post

    Hello Kori,

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

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  4. Will
    Will avatar
    1 posts
    Member since:
    Jun 2016

    Posted 27 Jun 2016 Link to this post

    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 link solves the issue.

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

    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

  5. Dimo
    Dimo avatar
    8406 posts

    Posted 30 Jun 2016 Link to this post

    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.

    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.

    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top