“We would be willing to set up a $2,500 bounty to implement scrollbar styling”

Re:“We would be willing to set up a $2,500 bounty to impleme... by lifeformed on Sunday April 05, 2015 @11:25PM (#9326312)

Remember, it's not just the main scrollbars at the top and bottom of the window. Some pages have internal text regions with scrollbars, and it seems reasonable to style those. Those aren't browser UI, they're UI of the page.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by derefr on Sunday April 05, 2015 @11:48PM (#9326365)

And, in between, there are the scrollbars on iframes and overflowed divs. They're almost always suppressed entirely... because the defaults are so ugly.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by OmarIsmail on Sunday April 05, 2015 @10:33PM (#9326170)

Websites already implement their own scroll bars - Gmail, Google Spreadsheets, etc.

It would be nice if instead of having to reimplement _everything_ about the scrollbar to just add a feature or two, the native one was customizable. Because frankly, people are going to change it, so might as well make things less buggy.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by esrauch on Sunday April 05, 2015 @10:37PM (#9326180)

Gmail uses webkit scrollbar styling, they don't reimplement scrollbars from scratch. If you go to gmail in Firefox it uses the stock scrollbars, which is really a major advantage to Firefox in my mind. It's kind of like when Chrome stopped supporting the <blink> tag even though webkit still supported it.

Basically all of the times that I see this feature being used it is to make tiny, mostly transparent, or auto-hiding scrollbars that don't match the system UI at all and are a significant nuisance. I'm sure there are some sites that are styling them reasonably, but it doesn't seem to be the norm, even for the major players that have experienced design teams.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by sukilot on Sunday April 05, 2015 @11:24PM (#9326309)

Of course nowadays we see that tiny, mostly transparent, auto hiding scrollbars are the system UI!

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by bluthru on Sunday April 05, 2015 @10:36PM (#9326179)

>Websites already implement their own scroll bars - Gmail, Google Spreadsheets, etc.

As an OS X user who enjoys not seeing scrollbars, I find Google's use of them downright intrusive.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by userbinator on Monday April 06, 2015 @03:06AM (#9326974)

This is a good point - users are accustomed to the scrollbar style of the system they're using (which is often an adjustable preference), so it makes sense for scrollbars in web apps to follow what the OS does.

While my scrollbar preferences are very different from yours (I prefer ones that are always-visible, large and easy-to-grab), I agree that the web apps you use should conform to your UI preferences, and not the other way around.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by jsprogrammer on Sunday April 05, 2015 @10:15PM (#9326114)

Scrollbar style is the 4th wall? How arbitrary can you get?

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by sergiotapia on Sunday April 05, 2015 @10:18PM (#9326119)

The scroll bar is (or should be!) OS-controlled. Why give people the opportunity to muck up the scroll bar and add their crazy ideas. The browser belongs to the user, not the website.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by scrollaway on Sunday April 05, 2015 @10:22PM (#9326130)

Yes, those crazy ideas, like styling buttons and text areas.

I'm sorry, I can't take this sort of complaint seriously...

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by thristian on Sunday April 05, 2015 @10:32PM (#9326167)

Any kind of power, including the ability to style buttons, text-areas or scroll-bars, can be abused. There's always some people that (quite reasonably) feel that widespread abuse of that power justifies withdrawing it, and some people that (quite reasonably) feel that the few really good uses outweigh the potential for abuse.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by scrollaway on Sunday April 05, 2015 @10:52PM (#9326231)

And what, exactly, is going to happen if people "abuse" scrollbar styling? Or button styling?

Are we here to fight lame design fads by preventing people from building cool apps?

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by thristian on Monday April 06, 2015 @12:05AM (#9326441)

When I come to a website, it's usually because I want some particular piece of information (like movie times or ticket prices) or to have some particular interaction (to find new, interesting stories or to play a game). Good design (and good designers) keep that goal in mind, and support it by keeping distracting elements (possibly including weird, mis-styled scrollbars!) to a minimum, allowing me to focus.

Less-good designers just aim for making something more-or-less cohesive, and bad designers rarely aim higher than "something cool" whether or not it supports my goal. Mediocre and bad design hinders me from achieving my goal by hiding or obscuring basic tools of interaction like buttons or scroll-bars. Even good design can be a problem, if my goals do not align with what the designer had in mind (for example, the designer wants to make a good impression for first-time customers, but I'm trying to file a customer-support ticket).

I appreciate that many of the people commenting on that ticket are just trying to make the world a more pleasant place, but some times I wish browsers had a button that would blast away all the custom styling of a page and just display the content in a standardised fashion (like the Reader mode many browsers have, but not just limited to long-form articles).

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by Drdrdrq on Monday April 06, 2015 @02:17AM (#9326867)

If you want such a button, search for bookmarlets. I usually install one that makes all fonts the same (large) size and one that forces all texts to B/W. Can't live without it.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by macspoofing on Sunday April 05, 2015 @10:46PM (#9326209)

I'm not clear why it's good that you can style every other UI component except this one.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by TheLoneWolfling on Monday April 06, 2015 @04:56PM (#9330652)

First off, because it isn't. There are a number of things that personally shouldn't be styled. Or rather, there are a number of things that should have their styles overridable without breaking things.

There are an astounding number of things I've seen abused, badly. I mean - look at the number of websites that aren't usable without a web font because they embedded all of their icons in it. Bonus points if they load the web font via JS. Bonus points if it's third-party JS.

Secondly, you cannot style every other UI component except this one. The browser chrome. The mouse pointer. The context menu (to an extent, depending on browser).

The thing with scrollbars is that they are at the boundary between the website and the browser. There are pros and cons - allowing "good" websites to apply "good" styles, but not for inane UIs.

Personally, I think that the better approach would be for the browser to color the scrollbar dependent on the background color of the page.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by seanp2k2 on Sunday April 05, 2015 @10:23PM (#9326134)

I agree, and I personally really hate it when websites provide their own scrolling mechanism, as it usually doesn't support two-finger (mouse wheel) scroll, doesn't have acceleration, doesn't have my OS scroll speed, etc. IMO overriding scroll bars on your site / app is almost always a bad idea, as it leads to poor UX / usability.

Edit: I'd also extend my opinion to cover things like a strip of items which must be scrolled through using other UI elements (e.g. Arrows or bubbles). While cute (maybe), this only allows uses to scroll at the one speed you give them. Just put it in a horizontal scroll or better yet, do something completely different.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by scrollaway on Sunday April 05, 2015 @10:57PM (#9326251)

I absolutely agree that reimplementing scrolling logic is absolutely awful. It's an accessibility nightmare.

But scrollbar styling is very different to scrolling logic. We're not talking about stealing people's mousewheels here, we're talking about changing scrollbar themes.

This is important for apps which want native scrolling logic inside their app but want their app to look native. The only alternative, in fact, is to reimplement scrolling logic inside the app. Performance suffers, accessibility suffers, everyone loses.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by userbinator on Monday April 06, 2015 @02:03AM (#9326832)

but want their app to look native.

Shouldn't you not be attempting to modify the appearance of the scrollbars and letting them be the style the OS chooses, if you want them to look "native"? These developers seem to be wanting scrollbar styling so they can make scrollbars look different from their native appearance.

There are also quite a few truly native apps which have reinvented scrollbars instead of using the OS', and they are awkward to use because they don't behave exactly like native ones do.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by scrollaway on Monday April 06, 2015 @02:07AM (#9326843)

Sometimes I feel as if I'm talking to programmers who have zero design experience.

Behaviour is not the same as styling. A good app's scrollbars will behave natively but will look in line with the rest of the app.

Compare GMail's scrollbars, especially the ones for the XMPP Chat, between Firefox and Chrome.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by userbinator on Monday April 06, 2015 @02:53AM (#9326942)

You said "want their app to look native", and I'm saying that, if you do not apply any styling, the most native-looking and native-behaving things in the app probably are the scrollbars.

...or are we not agreeing on what "native" means? I've long thought it referred to the default appearance/behaviour of the OS/browser.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by thefreeman on Monday April 06, 2015 @12:15AM (#9326481)

you realize all the things you mentioned are only reimplemented in code due to the lack of native scrollbar styling, right?

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by wtallis on Sunday April 05, 2015 @10:30PM (#9326158)

I think this may be a proposal to allow for scrollers that behave natively but are visually unrecognizable as such. While in theory that may allow for the worst offenders to rein things in a bit, I suspect it will more likely be taken as an invitation for people to make their sites less usable and accessible.

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by callmevlad on Monday April 06, 2015 @02:29AM (#9326891)

Honest question: How would you solve this stark difference in UIs if you're building an in-browser application? https://cloudup.com/c8K9RMqPeDn

Disclaimer: I'm the guy who submitted the bounty :)

[ Parent | on HN ]

Re:“We would be willing to set up a $2,500 bounty to impleme... by TheLoneWolfling on Monday April 06, 2015 @11:15PM (#9331833)

For anyone else who doesn't want to suffer through yet another unnecessary web application:

http://imgur.com/a/mkbHB

[ Parent | on HN ]