@@ -151,12 +151,9 @@ Scrollable overflow</h3>
151151 <li>
152152 all line boxes directly contained by the box
153153 <li>
154- the margin boxes <em> unioned with </em> the border boxes
154+ the border boxes
155155 of all boxes for which it is the containing block
156156 (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 -->
160157
161158 <li>
162159 the <a>scrollable overflow regions</a> of all of the above boxes
@@ -172,6 +169,26 @@ Scrollable overflow</h3>
172169 Issue: Need to evaluate compat of honoring or ignoring 'clip' and 'clip-path' .
173170 </ul>
174171
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+
175192 <p class="issue">
176193 The following definition should be rewritten to use
177194 the concept of <a href="https://drafts.csswg.org/css-transforms/#3d-rendering-context">3D rendering context</a> [[!CSS3-TRANSFORMS]]
0 commit comments