Mastodon: Firefox scrolling bars isn't proprely themed

[Miaourt]

I think this is only a little CSS problem, but Firefox dosn't seem to follow the css of Mastodon.

---

• [x] I searched or browsed the repo’s other issues to ensure this is not a duplicate.
• [x] This bug happens on a tagged release and not on master (If you're a user, don't worry about this).

[Gargron]

Firefox scrolling bars cannot be styled.

[expenses]

It's a shame that they look like that. Are they any better on something like Chrome?

[Miaourt]

Yeah, just searched, there is no alternatives than using Javascript-custome-made scrollbars.
That is not an option I think ?

[stephenburgess8]

This is a problem that a lot of sites have with Firefox. Firefox will likely not ever support styling scrollbars. If you'd like to have styled scrollbars I'd recommend not using Firefox. https://bugzilla.mozilla.org/show_bug.cgi?id=77790

Opting for a JS solution to make the scrollbars look the same in Firefox would be making everyone adopt an over-powered solution in order to make a stylistic change for a minority of users. I'd opt not to do it for that reason. Even if it were agreed as a good option, I think it would be prioritized fairly low due it being a purely stylistic issue and one that does not effect functionality.

[Miaourt]

Well, I think if we want Mastodon to attract peoples, we have to not dump them because they use "another" browser who doesn't support that.
I don't think a JS solution would be "Overpowered", and the work seem to be already done https://github.com/malte-wessel/react-custom-scrollbars

And please, don't make a endless "Firefox < other browsers".😒

[JaredLethal]

On firefox i use that plugin to skin the scrollbar: https://addons.mozilla.org/en-US/firefox/addon/overlay-scrollbars

there also is the option of hiding them completely, which is pretty efficient EXCEPT on website where you need horizontal scroll ;) https://addons.mozilla.org/en-US/firefox/addon/hidescrollbars/

But in Mastodon's case it looks pretty awesome to have no scrollbars at all :D

PS: Firefox is a real good browser ;)

[Miaourt]

@JaredLethal there is area where the scroll part of the mouse isn't working, would be hard for peoples to scroll down without scrollbar :x !

[JaredLethal]

@Technowix isn't scroll working anywhere on the column?? i'm pretty sure it is (was?)

but yeah the scrollbad hider is pretty extreme, but the other add-ons was my real advice ;)

[ghost]

Please do not resort to reimplementing the browser in Javascript that runs in the browser. If someone's scrollbars look less than perfect so be it.

[yookoala]

I am a Firefox user and a web developer. I'd prefer performance over look-and-feel.

All the JS scrollbar I've ever came-across either slows down the site or breaks in some edge cases or both.

[wavebeem]

This plugin seems to be pretty snappy… It could also optionally only be enabled for Firefox possibly if it's causing performance issues in other browsers?

http://noraesae.github.io/perfect-scrollbar/

[Gargron]

Closing because this is more of a Firefox issue.