Scroll bar not visible in Lightning themed page

edited September 20, 2018 in Questions
In classic a tab page with the Lightning Design theme has a left/right scroll bar at bottom as soon as the page opens as seen here:

In Lightning the same tab page when opened, there is no left/right scroll bar at bottom as seen here:

If you scroll all the way down to the bottom of the page, a very tiny bar appears but it is very difficult to see and use.  

Is this something that can be fixed int he Lightning Design theme?


  • edited April 13, 2018
    Hey Daniel,

    What's worked for me is placing the skuid page components in a wrapper so that I can control the overflow of the page. Or you might want to apply a general height calculation to your page so that the scroll bar is moved up slightly. Something like {height: calc(100vh - 600px)} might work for you. 

    In our Lightning development I've noticed that tables tend to span outside of the Lightning component. 

  • edited April 11, 2018
    The table in a wrapper worked perfectly. Thank you Josef.
  • edited September 20, 2018
    How do you control the overflow?  I have a table that expands far beyond the screen in classic.  In classic, the horizontal page scroll bars automatically show up at the bottom so it isn't an issue.  I need to make it work the same way in Lightning.

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!