W3C home > Mailing lists > Public > www-style@w3.org > January 2013

Re: [css3-ui] Proposal for an "overlay" value for 'overflow'

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 24 Jan 2013 22:25:46 -0800
Cc: Simon Fraser <smfr@me.com>, www-style list <www-style@w3.org>
Message-Id: <AB01195A-70FE-4E45-9A97-17F644FDECBB@gmail.com>
To: Tab Atkins Jr. <jackalmage@gmail.com>

On Jan 24, 2013, at 2:41 PM, Tab Atkins Jr. wrote:

> On Thu, Jan 24, 2013 at 2:22 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
>> I just tested the jsfiddle in Lion, and the results seem to depend on the "General" System Preference for the "Show scroll bars" setting. If it is set to "When scrolling", there is no difference between the two property values. If it set set to "always", then 'overlay' does indeed overlap and obscure the content. (Reload the page after changing the system pref, or you get other results).
> The "When Scrolling" feature makes the scrollbars always be overlays,
> right?  If so, then it's unsurprising that "auto" and "overlay" act
> the same.

Right. What was surprising is that it wasn't really useful for, say, emulating the "When Scrolling" mode while in the other mode. The scrollbars just always obscured content whether scrolling or not, when in "always" mode.

>> It doesn't seem to useful in Mac Safari. Maybe it does something nicer looking on Chrome in Android or something, if it perhaps used more transparent scrollbars?
> It's obviously not pretty if it's overlapping content.  The point of
> it is to address the problems that Markus brings up in the thread
> about vw/vh

Are you sure, or just speculating? Was there more information about it in a commit message or something?

> - in a site with similar pages, some of which trigger
> scrollbars and some of which don't, the layout of the page "jiggles" a
> bit between page loads.  Worse is if a single page, updated via JS,
> sometimes is long enough to trigger a scrollbar and sometimes not.
> The overlay scrollbar lets you avoid having to show a useless vertical
> scrollbar when there's nothing to scroll, but keeps your layout from
> jiggling.  You still have to accommodate the possibility of a
> scrollbar, by doing something like adding "body { padding-right: 20px;
> }" or similar, but that's often very easy to incorporate into a
> design.
> ~TJ
Received on Friday, 25 January 2013 06:48:15 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:23 UTC