@@ -151,12 +151,9 @@ Scrollable overflow</h3>
151
151
<li>
152
152
all line boxes directly contained by the box
153
153
<li>
154
- the margin boxes <em> unioned with </em> the border boxes
154
+ the border boxes
155
155
of all boxes for which it is the containing block
156
156
(accounting for transforms as described below).
157
- Issue: Only Blink (and presumably WebKit) use the margin box for abspos; other browsers use the border box.
158
- Can we convince everyone else to change? Because using the border box is kindof hostile.
159
- <!-- 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 -->
160
157
161
158
<li>
162
159
the <a>scrollable overflow regions</a> of all of the above boxes
@@ -172,6 +169,26 @@ Scrollable overflow</h3>
172
169
Issue: Need to evaluate compat of honoring or ignoring 'clip' and 'clip-path' .
173
170
</ul>
174
171
172
+ <p> Additionally, the UA <em> may</em> <em> additionally</em> include
173
+ the margin areas of boxes for which it is the containing block.
174
+ The conditions under which such margin areas are included is undefined in this level.
175
+
176
+ Issue: This needs further testing and investigation; is therefore deferred in this draft.
177
+ <!--
178
+ Considerations:
179
+ * floats
180
+ * relpos
181
+ * margins that collapsed through to the edge of the scrollable area
182
+ * inline-side margins on both blocks and inlines
183
+ Notes:
184
+ The reasoning for only including border boxes is to minimize the cases
185
+ in which overflow scrolling is triggered; however once overflow is triggered,
186
+ excluding margins creates tight, uncomfortable edges
187
+ because the margin has been effectively truncated.
188
+ Testcase:
189
+ 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
190
+ -->
191
+
175
192
<p class="issue">
176
193
The following definition should be rewritten to use
177
194
the concept of <a href="https://drafts.csswg.org/css-transforms/#3d-rendering-context">3D rendering context</a> [[!CSS3-TRANSFORMS]]
0 commit comments