@@ -140,6 +140,36 @@ Scrollable overflow</h3>
140140 set of things extending outside of that box's padding edge
141141 for which a scrolling mechanism needs to be provided.
142142
143+ The <dfn>scrollable overflow region</dfn> is the non-rectangular region
144+ occupied by the <a>scrollable overflow</a> , and the
145+ <dfn>scrollable overflow rectangle</dfn> is
146+ the minimal rectangle whose axis is aligned to the box's axes
147+ and contains the <a>scrollable overflow region</a> .
148+
149+ The <a>scrollable overflow region</a> of a box includes:
150+ <ul>
151+ <li> the box’s own content and padding areas
152+ <li> all line boxes directly contained by the box
153+ <li> the margin boxes of all in-flow and floated boxes
154+ for which it is the containing block
155+ (accounting for transforms as described below).
156+ <li> the padding boxes of all absolutely-positioned boxes
157+ for which it is the containing block
158+ (accounting for transforms as described below).
159+
160+ Issue: Blink (and presumably WebKit) use the margin box here. Is that better?
161+ <!-- testcase: http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%0A%20%20div%20%7B%20height%3A%2050px%3B%20overflow%3A%20scroll%3B%20border%3A%20solid%3B%20position%3A%20relative%3B%7D%0A%20%20p%20%7B%20margin%3A%2025px%3B%20background%3A%20red%3B%20%7D%0A%20%20q%20%7B%20position%3A%20absolute%3B%20background%3A%20blue%3B%20top%3A%2025px%3B%20margin%3A%2025px%3B%20%7D%0A%3C%2Fstyle%3E%0A%3Cdiv%3E%0A%20%20%3Cp%3ETest%20%3Cq%3ETest2%0A%3C%2Fdiv%3E -->
162+
163+ <li> the <a>scrollable overflow regions</a> of all of the above boxes
164+ (accounting for transforms as described below),
165+ provided they themselves have ''overflow: visible''
166+ (i.e. do not themselves trap the overflow)
167+ and that overflow is not already clipped
168+ by the 'clip' or 'clip-path' properties.
169+
170+ Issue: What about masking?
171+ </ul>
172+
143173 <p class="issue">
144174 The following definition should be rewritten to use
145175 the concept of <a href="http://dev.w3.org/csswg/css-transforms/#3d-rendering-context">3D rendering context</a> [[!CSS3-TRANSFORMS]]
@@ -201,13 +231,8 @@ Scrollable overflow</h3>
201231 the elements should probably count
202232 only towards the overflow of the element that flattens them.
203233
204- The <dfn>scrollable overflow region</dfn> is the non-rectangular region
205- occupied by the <a>scrollable overflow</a> , and the
206- <dfn>scrollable overflow rectangle</dfn> is
207- the minimal rectangle whose axis is aligned to the box's axes
208- and contains the <a>scrollable overflow region</a> .
209- Note that the <a>scrollable overflow rectangle</a> is a rectangle
210- in the box's coordinate system, but might be non-rectangular
234+ Note that the <a>scrollable overflow rectangle</a> is a always rectangle
235+ in the box's own coordinate system, but might be non-rectangular
211236 in other coordinate systems due to transforms [[CSS3-TRANSFORMS]] .
212237
213238<h3 id="border-box">
0 commit comments