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

Re: [css3-box] How do scrollbars affect width calculation?

From: Gérard Talbot <www-style@gtalbot.org>
Date: Sun, 26 Jan 2014 19:52:53 -0500
To: Sebastian Zartner <sebastianzartner@gmail.com>
Cc: "Tab Atkins Jr." <jackalmage@gmail.com>, Thomas Rosenau <rosenau@seitenbau.com>, www-style list <www-style@w3.org>
Message-ID: <7512c7bd553d734571b644b671c5df88@gtalbot.org>
Le 2014-01-26 13:48, Sebastian Zartner a écrit :
> On 26 January 2014 17:56, Tab Atkins Jr. <jackalmage@gmail.com> wrote:
> 
>> On Sun, Jan 26, 2014 at 5:43 AM, Thomas Rosenau 
>> <rosenau@seitenbau.com>
>> wrote:
>> > Citing from http://dev.w3.org/csswg/css-box/
>> >
>> > Section 19.1:
>> >> The space taken up by the scrollbars affects the computation of the
>> dimensions in the rendering model.
>> >
>> > Does it? How so?

We already have several CSS 2.1 tests on this particular issue:

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/max-height-107.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/max-height-110.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/max-height-111.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/max-height-max-width-001.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/min-height-104.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/min-height-105.htm

http://test.csswg.org/suites/css2.1/nightly-unstable/html4/min-height-106.htm

I believe there may be a few other tests...

>> > The reason I'm asking is because I observe different behaviour in
>> Firefox/Chrome:
>> >
>> > <div style="width:20px;padding:20px;overflow:scroll"></div>
>> > <script>
>> > console.log(getComputedStyle(document.querySelector('div')).width);
>> > </script>
>> >
>> > Firefox returns '20px', while Chrome returns '5px' (with scrollbars
>> being 15px wide)
>> > Which one is correct?
>> 
>> Which Chrome?  I get '20px' on Chrome 33.0.1750.51
>> 
> FWIW Chrome 32.0.1700.76 m returns '5px', 34.0.1807.0 canary '3px', IE 
> 11
> '3px' and Opera 18.0 also '3px', while Firefox 26.0 and 29.0a1 
> (Nightly)
> return '20px'.


The width of vertical scrollbar and the height of horizontal scrollbar 
are entirely user-settable by os settings.

Under Linux KDE 4.12:
K application launcher Kickoff, System Settings, Application Appearance, 
Style of Graphical components, Configure... button, Scrollbars tab, 
Width of scrollbar

Under Windows XP, width of scrollbar is also entirely user-settable.

Gérard
Received on Monday, 27 January 2014 00:53:31 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:39 UTC