React-color: docs website: remove overflow: 'scroll' styles

Created on 1 Sep 2016  路  4Comments  路  Source: casesandberg/react-color

This is what the docs website looks like on my screen:

screenshot 2016-09-01 11 24 12

There are "disabled" scrollbars on each sidebar item. This is a result of overflow: 'scroll' being applied to a wrapping <div> element on each one, and it doesn't need to be there. Even for the "onChangeComplete" item, which does have a working horizontal scrollbar, it is entirely because the vertical scrollbar itself is taking up space it could be using. When I remove scrollbars, it looks much better (and perhaps as expected):

screenshot 2016-09-01 11 24 02

I am not sure how to make this change without affecting the react-material-design library itself.

A further note is the code samples on the right column, which are also displaying these phantom scrollbars. In these cases using overflow: 'auto' will work just fine, as the disabled scrollbars will not appear unless they are actually needed.

help wanted

Most helpful comment

All 4 comments

Ah! I am on a mac so I never knew this was an issue! Thanks, I will look into it!

I'm also on a Mac! However in some cases the scroll bars turn on - On my work machine I have "Always show scrollbars" turned on and I believe it may always show if you connect a Macbook to an external display.

Oh cool, I had no idea, so I can recreate this to get it to go away, killer!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rpearce picture rpearce  路  4Comments

dsumer picture dsumer  路  4Comments

darkowic picture darkowic  路  3Comments

jimmylinh picture jimmylinh  路  4Comments

stevenxxiu picture stevenxxiu  路  6Comments