Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Scroll bar always visible on new tab page

  • 6 antwoorde
  • 2 hierdie probleem
  • 11 views
  • Laaste antwoord deur kaalakiota

more options

Pretty much what the title says - I always have a scrollbar on new tab page, whether or not the content fits in the viewport. It's not so obvious with light theme, but with dark theme there's a glaringly obvious light (greyed out, because it does nothing) scroll bar. I'm fairly confident this shouldn't be here, but not sure why it is.

Pretty much what the title says - I always have a scrollbar on new tab page, whether or not the content fits in the viewport. It's not so obvious with light theme, but with dark theme there's a glaringly obvious light (greyed out, because it does nothing) scroll bar. I'm fairly confident this shouldn't be here, but not sure why it is.

Gekose oplossing

By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:

  • overflow-y: hidden => cut off content that is too long
  • overflow-y: scroll => always show a scroll bar even when it's not needed

The new tab page has the second of those.

It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.

Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:

/* New Tab Page: No vertical 
   scroll bar unless needed */
body.activity-stream {
  overflow-y: auto !important;
}
Lees dié antwoord in konteks 👍 1

All Replies (6)

more options

Image didn't attach to the original post - attached here

more options

Gekose oplossing

By default, a scroll bar will appear when the content is too long. Page authors can override this in a number of ways, for example:

  • overflow-y: hidden => cut off content that is too long
  • overflow-y: scroll => always show a scroll bar even when it's not needed

The new tab page has the second of those.

It is possible to override that by creating your own custom style rule in an optional userContent.css file. But I guess you would need to find it really annoying to go to the effort.

Something like the following should do it, although I haven't set it up in my own userContent.css file for testing:

/* New Tab Page: No vertical 
   scroll bar unless needed */
body.activity-stream {
  overflow-y: auto !important;
}
more options

Oh, I didn't see your screenshot. Is that dark page theme built-in or added on?

more options

Thanks for the quick reply. That's just the built-in dark theme - it doesn't look good with the light W10 system scrollbars, hence me thinking that this was an issue rather than a deliberate choice for the css property to be set like that on the new tab page.

The css snippet you posted does the trick though!

more options

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.

  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))
more options

cor-el said

You may have accidentally zoomed web page(s). Reset the page zoom on pages that cause problems.
  • View -> Zoom -> Reset (Ctrl+0/Command+0 (zero))

Hi, thanks for the suggestion - the new tab page wasn't zoomed though.

I'll mark this issue as closed since jscher2000's css does get rid of the scroll bar (which I prefer), and the "issue" itself is apparently by design