![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Scroll Bar is completely gone on YouTube
I use firefox developer/quantum so I don't know if this is the best place to ask even still I'm having a problem where on YouTube the sidebar where I can access content on the site has no way of scrolling through it the scroll bar for that has completely disappeared I don't know if this is a problem with YouTube or with Firefox when I tested it on Chrome it had no problems with the sidebar so if anyone can help me that would be awesome
Chosen solution
In Firefox 59, a style rule in the page is suppressing the scroll bar, so probably it's the same in Developer Edition.
I don't know why there are different results in different browsers; possibly Google sends slightly different rules. ??
This custom style rule will strip off the problem rule:
#guide-inner-content.ytd-app { overflow-y: unset !important; }
If you like, you can test in the Dev Tools "Style Editor" (it should work in any style sheet that isn't limited to non-screen media).
In order to apply that to YouTube, the easiest method is:
(1) Install the Stylus extension:
https://addons.mozilla.org/firefox/addon/styl-us/
If you already have Stylish, you don't need Stylus. If you have Tampermonkey or Violentmonkey, you could try those for step #2.
(2) Then install this user style:
YouTube Left Column Scrollable (March 2018)
Stylus or Stylish: click the blue "Install Syle" button. Tampermonkey or Violentmonkey: scroll down and look for "Install style as userscript".
Screenshot comparison attached.
Note: Stylus and Stylish do not work in automatic private browsing mode. If you have Firefox set to "Never Remember History" you could use a userContent.css file for this fix.
Read this answer in context 👍 0All Replies (2)
Chosen Solution
In Firefox 59, a style rule in the page is suppressing the scroll bar, so probably it's the same in Developer Edition.
I don't know why there are different results in different browsers; possibly Google sends slightly different rules. ??
This custom style rule will strip off the problem rule:
#guide-inner-content.ytd-app { overflow-y: unset !important; }
If you like, you can test in the Dev Tools "Style Editor" (it should work in any style sheet that isn't limited to non-screen media).
In order to apply that to YouTube, the easiest method is:
(1) Install the Stylus extension:
https://addons.mozilla.org/firefox/addon/styl-us/
If you already have Stylish, you don't need Stylus. If you have Tampermonkey or Violentmonkey, you could try those for step #2.
(2) Then install this user style:
YouTube Left Column Scrollable (March 2018)
Stylus or Stylish: click the blue "Install Syle" button. Tampermonkey or Violentmonkey: scroll down and look for "Install style as userscript".
Screenshot comparison attached.
Note: Stylus and Stylish do not work in automatic private browsing mode. If you have Firefox set to "Never Remember History" you could use a userContent.css file for this fix.
Modified
Thank you so much I had been trying to figure this out for a few hours