Scroll bar not visible in Lightning themed page

  • 1
  • Question
  • Updated 2 months ago
  • Answered
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?
Photo of Daniel Camp

Daniel Camp

  • 372 Points 250 badge 2x thumb

Posted 7 months ago

  • 1
Photo of Josef Lagorio

Josef Lagorio

  • 2,874 Points 2k badge 2x thumb
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. 
Photo of Daniel Camp

Daniel Camp

  • 372 Points 250 badge 2x thumb
The table in a wrapper worked perfectly. Thank you Josef.
Photo of Steve Chilcoat

Steve Chilcoat

  • 522 Points 500 badge 2x thumb
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.