Bug 15880 - Interaction of scrollbars with the CSS box model is not well-defined (Issue 208 etc)
Interaction of scrollbars with the CSS box model is not well-defined (Issue 2...
Status: NEW
Product: CSS
Classification: Unclassified
Component: CSS Level 2
unspecified
All Windows 3.1
: P2 normal
: ---
Assigned To: Bert Bos
public-css-bugzilla
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2012-02-04 10:41 UTC by Anton P
Modified: 2012-12-04 00:52 UTC (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Anton P 2012-02-04 10:41:47 UTC
Scrollbars seem to cause problems in the CSS21 box model, and the seemingly straightforward phrase in 11.1.1:

  # In the case of a scrollbar being placed on an edge of the element's
  # box, it should be inserted between the inner border edge and the
  # outer padding edge.

is not sufficient to define the model correctly.

This bug report is for collecting relevant information.
Comment 1 Anton P 2012-02-04 10:58:00 UTC
Discussed by Øyvind Stenhaug, Boris Zbarsky

What are the used values of width, height and padding for a box which has scrollbars?  Putting the scrollbar outside the padding box doesn't actually happen in reality (since it would overlap other content in the case of zero border width and margin width).

When the height of an overflow:scroll box is non-auto, the scrollbars seem to cause an increase in used height in most UAs.  When the height is auto, however, there's an argument that putting the scrollbar *into* the padding is the right behavior from the author standpoint since otherwise any overflow:auto block with 
horizontal overflow and auto height would also be forced to have vertical overflow.

Then there's the issue of containing blocks: 11.1.1 tries to adjust the containing block dimensions for boxes with scrollbars:

  # Any space taken up by the scrollbars should be taken out of
  # (subtracted from the dimensions of) the containing block formed
  # by the element with the scrollbars. 

but it's not clear why this approach is used (nor whether it is well-defined) instead of simply modifying the used values of width/height/padding.

See discussion beginning at http://lists.w3.org/Archives/Public/www-style/2010Aug/0541.html
Comment 2 Anton P 2012-02-04 11:06:30 UTC
Note: the above issue is Issue 208:

Issue 208: http://wiki.csswg.org/spec/css2.1#issue-208

Summary
    Horizontal scrollbars confuse width/height/etc calculations
URI
    http://lists.w3.org/Archives/Public/www-style/2010Aug/0544.html
Resolution
    No change to spec, address any clarifications in errata.
Status
    Closed. =errata=