8000 [css-overflow-3] Fold issue into note> · w3c/csswg-drafts@e6d2b97 · GitHub
Skip to content

Commit e6d2b97

Browse files
fantasaifantasai
committed
[css-overflow-3] Fold issue into note>
1 parent a433fae commit e6d2b97

1 file changed

Lines changed: 3 additions & 11 deletions

File tree

‎css-overflow-3/Overview.bs‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ Ignored Terms: padding edge
2525
<pre class="link-defaults">
2626
spec:css-transforms-1; type:property; text:transform-style
2727
type: dfn; spec:css-multicol-1; text:overflow column
28+
type: dfn; spec:css-transforms-1; text:3d rendering context
2829
</pre>
2930
<!-- FIXME: the break-* link doesn't actually work! -->
3031
<pre class="anchors">
@@ -194,19 +195,10 @@ Scrollable overflow</h3>
194195
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
195196
-->
196197

197-
Note that the <a>scrollable overflow rectangle</a> is a always rectangle
198+
Note: The <a>scrollable overflow rectangle</a> is always a rectangle
198199
in the box's own coordinate system, but might be non-rectangular
199200
in other coordinate systems due to transforms [[CSS3-TRANSFORMS]].
200-
201-
Issue: Browsers seem to agree on using axis-aligned rectangles (in the element's own coord space)
202-
to determine overflow.
203-
This means scrollbars can appear when not actually necessary.
204-
See <a href="http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cdiv%20class%3Dparent%3E%3Cdiv%20class%3Dchild%3E%3Cdiv%20class%3D%27grandchild%27%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%0A%3Cstyle%3E%0Adiv%20{%20padding%3A%2030px%3B%20min-width%3A%2030px%3B%20float%3A%20left%3B%20border%3A%20thin%20dotted%3B%20background%3A%20rgba%280%2C0%2C0%2C.2%29%3B}%0A.parent%20{%20overflow%3A%20auto%3B%20background%3A%20rgba%28255%2C0%2C0%2C.2%29%3B%20}%0A.child%20{%20transform%3A%20rotate%28-45deg%29%3B%20padding%3A%203px%3B%20background%3A%20rgba%280%2C255%2C0%2C.2%29%3B%20}%0A.grandchild%20{%20transform%3A%20rotate%2845deg%29%20scale%28.9%29%3B%20background%3A%20rgba%280%2C0%2C255%2C.2%29%3B%20}">testcase</a>
205-
(adjust the ''scale(.9)'' to ''scale(.7)'' to see the scrollbars disappear,
206-
as the blue grandchild is no longer growing the bounds of the green child).
207-
Is this behavior we want to spec,
208-
or is it something browsers would like to fix someday?
209-
201+
This means scrollbars can sometimes appear when not actually necessary.
210202

211203
<!--
212204
███████ ██ ██ ████████ ████████ ████████ ██ ███████ ██ ██

0 commit comments

Comments
 (0)