question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Superfluous vertical scrollbar in fullscreen

See original GitHub issue

In full screen mode, there is always a vertical scrollbar with a minute amount of wiggle room (maybe 1 pixel). This is with a brand new storybook:

image

It doesn’t matter what the actual content is or how you resize the window, although if you make it small enough that the content doesn’t fit then you’ll get 2 scrollbars:

image

It seems like the outer scrollbar is completely unnecessary; removing the overflow: auto styling on the offending div from the dev console fixes it.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
pelotomcommented, Jun 15, 2018

@tonyleeper I’m seeing this now too (appears to be a new issue in recent versions)… maybe submit a PR?

4reactions
ghostcommented, Jun 13, 2018

I see this same issue in non-fullscreen mode in the top-right panel. Is there a plan to fix it there also?

The offending element is .Pane.horizontal.Pane1 . Removing overflow:auto in the console appears to fix it there also.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Superfluous scroll bars in WinForms - Stack Overflow
Now when I switch from fullscreen to normal, I get a horizontal scrollbar. This scrollbar cannot be scrolled, i.e. the width it covers...
Read more >
scrollbar-gutter - CSS: Cascading Style Sheets - MDN Web Docs
The scrollbar-gutter CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows ...
Read more >
Hide Scrollbar in Fullscreen Mode - MSDN - Microsoft
Does anyone know if there is a way to hide the vertical scrollbar when opening a page in Fullscreen Mode in IE6(sp2) or...
Read more >
Scrollbar Guidelines | Wireframing Academy - Balsamiq
Scrollbars are used when there's more content than can fit on a screen or in a container. Applies to: Vertical Scroll Bar. Horizontal...
Read more >
How To Automatically Hide or Show Scroll Bars On Windows ...
Issues addressed in this tutorial: scroll bar windows 11 scrollbar settings windows 11 This tutorial will apply for computers, laptops, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found