Skip to content

Commit 5cb7627

Browse files
committed
[css-overflow-3] Use border box, make margin areas effect undefined.
1 parent c39181d commit 5cb7627

File tree

1 file changed

+21
-4
lines changed

1 file changed

+21
-4
lines changed

css-overflow-3/Overview.bs

+21-4
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)