Skip to content

Commit 2ad6628

Browse files
dbarondbaron
committed
[css-overflow] Another issue about preserve-3d overflow handling.
1 parent 5d8572f commit 2ad6628

2 files changed

Lines changed: 59 additions & 49 deletions

File tree

‎css-overflow/Overview.html‎

Lines changed: 53 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111

1212
<meta content="CSS Overflow Module Level 3" name=dcterms.title>
1313
<meta content=text name=dcterms.type>
14-
<meta content=2014-01-28 name=dcterms.date>
14+
<meta content=2014-02-10 name=dcterms.date>
1515
<meta content="L. David Baron" name=dcterms.creator>
1616
<meta content=W3C name=dcterms.publisher>
1717
<meta content="http://dev.w3.org/csswg/css-overflow-3/"
@@ -127,7 +127,7 @@
127127

128128
<h1>CSS Overflow Module Level 3</h1>
129129

130-
<h2 class="no-num no-toc">Editor's Draft 28 January 2014</h2>
130+
<h2 class="no-num no-toc">Editor's Draft 10 February 2014</h2>
131131

132132
<dl>
133133
<dt>This version:
@@ -408,7 +408,7 @@ <h3 id=ink-overflow><span class=secno>2.1. </span>Ink overflow</h3>
408408

409409
<p> Since some effects in CSS (for example, the blurs in ‘<code
410410
class=property>text-shadow</code>’ <a
411-
href="#ref-CSS3TEXT">[CSS3TEXT]<!--{{CSS3TEXT}}--></a> and ‘<code
411+
href="#ref-CSS-TEXT-3">[CSS-TEXT-3]<!--{{CSS-TEXT-3}}--></a> and ‘<code
412412
class=property>box-shadow</code>’ <a
413413
href="#ref-CSS3BG">[CSS3BG]<!--{{CSS3BG}}--></a>) do not define what
414414
visual extent they cover, the extent of the <a
@@ -497,6 +497,10 @@ <h3 id=scrollable-overflow><span class=secno>2.2. </span>Scrollable
497497
<p class=issue> I wrote this definition off the top of my head, so it can't
498498
possibly be right. It's missing tons of pieces!
499499

500+
<p class=issue> The handling of preserve-3d subtrees here is probably
501+
wrong; the elements should probably count only towards the overflow of the
502+
element that flattens them.
503+
500504
<p> The <dfn id=scrollable-overflow-region>scrollable overflow region</dfn>
501505
is the non-rectangular region occupied by the <a
502506
href="#scrollable-overflow0"><i>scrollable overflow</i></a>, and the <dfn
@@ -571,7 +575,7 @@ <h2 id=overflow-properties><span class=secno>3. </span>Overflow properties</h2>
571575
flex containers <a
572576
href="#ref-CSS3-FLEXBOX">[CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--></a>,
573577
and grid containers <a
574-
href="#ref-CSS3-GRID-LAYOUT">[CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--></a>
578+
href="#ref-CSS-GRID-1">[CSS-GRID-1]<!--{{!CSS-GRID-1}}--></a>
575579

576580
<tr>
577581
<th>Inherited:
@@ -637,7 +641,7 @@ <h2 id=overflow-properties><span class=secno>3. </span>Overflow properties</h2>
637641
flex containers <a
638642
href="#ref-CSS3-FLEXBOX">[CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--></a>,
639643
and grid containers <a
640-
href="#ref-CSS3-GRID-LAYOUT">[CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--></a>
644+
href="#ref-CSS-GRID-1">[CSS-GRID-1]<!--{{!CSS-GRID-1}}--></a>
641645

642646
<tr>
643647
<th>Inherited:
@@ -725,15 +729,15 @@ <h2 id=overflow-properties><span class=secno>3. </span>Overflow properties</h2>
725729
href="#fragmenting-values"><i>fragmenting values</i></a>, then:
726730
<ol>
727731
<li> for horizontal writing mode <a
728-
href="#ref-CSS3-WRITING-MODES">[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>,
732+
href="#ref-CSS-WRITING-MODES-3">[CSS-WRITING-MODES-3]<!--{{!CSS-WRITING-MODES-3}}--></a>,
729733
the computed value for ‘<a href="#overflow-y"><code
730734
class=css>overflow-y</code></a>’ is the cascaded value and the
731735
computed value for ‘<a href="#overflow-x"><code
732736
class=css>overflow-x</code></a>’ is ‘<a href="#hidden"><code
733737
class=css>hidden</code></a>’, or
734738

735739
<li> for vertical writing mode <a
736-
href="#ref-CSS3-WRITING-MODES">[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>,
740+
href="#ref-CSS-WRITING-MODES-3">[CSS-WRITING-MODES-3]<!--{{!CSS-WRITING-MODES-3}}--></a>,
737741
the computed value for ‘<a href="#overflow-x"><code
738742
class=css>overflow-x</code></a>’ is the cascaded value and the
739743
computed value for ‘<a href="#overflow-y"><code
@@ -919,8 +923,8 @@ <h2 id=fragment-overflow><span class=secno>6. </span>Fragment overflow</h2>
919923
in cases where the layout containing the fragments has characteristics
920924
that use the intrinsic size of the fragments to change the amount of space
921925
available for them, such as <a
922-
href="#ref-CSS3-GRID-LAYOUT">[CSS3-GRID-LAYOUT]<!--{{CSS3-GRID-LAYOUT}}--></a>.
923-
There has already been some work on such a processing model in <a
926+
href="#ref-CSS-GRID-1">[CSS-GRID-1]<!--{{CSS-GRID-1}}--></a>. There has
927+
already been some work on such a processing model in <a
924928
href="#ref-CSS3-REGIONS">[CSS3-REGIONS]<!--{{CSS3-REGIONS}}--></a>, and
925929
the work done on a model there, and the editors of that specification,
926930
should inform what happens in this specification.
@@ -1619,6 +1623,26 @@ <h3 class=no-num id=normative-references> Normative references</h3>
16191623

16201624
<dl class=bibliography><!---->
16211625

1626+
<dt id=CSS-GRID-1>[CSS-GRID-1]
1627+
1628+
<dd>Tab Atkins Jr.; fantasai; Rossen Atanassov. <a
1629+
href="http://www.w3.org/TR/2014/WD-css-grid-1-20140123/"><cite>CSS Grid
1630+
Layout Module Level 1.</cite></a> 23 January 2014. W3C Working Draft.
1631+
(Work in progress.) URL: <a
1632+
href="http://www.w3.org/TR/2014/WD-css-grid-1-20140123/">http://www.w3.org/TR/2014/WD-css-grid-1-20140123/</a>
1633+
</dd>
1634+
<!---->
1635+
1636+
<dt id=CSS-WRITING-MODES-3>[CSS-WRITING-MODES-3]
1637+
1638+
<dd>fantasai; Koji Ishii. <a
1639+
href="http://www.w3.org/TR/2013/WD-css-writing-modes-3-20131126/"><cite>CSS
1640+
Writing Modes Level 3.</cite></a> 26 November 2013. W3C Last Call Working
1641+
Draft. (Work in progress.) URL: <a
1642+
href="http://www.w3.org/TR/2013/WD-css-writing-modes-3-20131126/">http://www.w3.org/TR/2013/WD-css-writing-modes-3-20131126/</a>
1643+
</dd>
1644+
<!---->
1645+
16221646
<dt id=CSS21>[CSS21]
16231647

16241648
<dd>Bert Bos; et al. <a
@@ -1632,10 +1656,10 @@ <h3 class=no-num id=normative-references> Normative references</h3>
16321656
<dt id=CSS3-BREAK>[CSS3-BREAK]
16331657

16341658
<dd>Rossen Atanassov; Elika J. Etemad. <a
1635-
href="http://www.w3.org/TR/2012/WD-css3-break-20120823/"><cite>CSS
1636-
Fragmentation Module Level 3.</cite></a> 23 August 2012. W3C Working
1659+
href="http://www.w3.org/TR/2014/WD-css3-break-20140116/"><cite>CSS
1660+
Fragmentation Module Level 3.</cite></a> 16 January 2014. W3C Working
16371661
Draft. (Work in progress.) URL: <a
1638-
href="http://www.w3.org/TR/2012/WD-css3-break-20120823/">http://www.w3.org/TR/2012/WD-css3-break-20120823/</a>
1662+
href="http://www.w3.org/TR/2014/WD-css3-break-20140116/">http://www.w3.org/TR/2014/WD-css3-break-20140116/</a>
16391663
</dd>
16401664
<!---->
16411665

@@ -1649,16 +1673,6 @@ <h3 class=no-num id=normative-references> Normative references</h3>
16491673
</dd>
16501674
<!---->
16511675

1652-
<dt id=CSS3-GRID-LAYOUT>[CSS3-GRID-LAYOUT]
1653-
1654-
<dd>Tab Atkins Jr.; fantasai; Rossen Atanassov. <a
1655-
href="http://www.w3.org/TR/2013/WD-css3-grid-layout-20130910/"><cite>CSS
1656-
Grid Layout Module Level 1.</cite></a> 10 September 2013. W3C Working
1657-
Draft. (Work in progress.) URL: <a
1658-
href="http://www.w3.org/TR/2013/WD-css3-grid-layout-20130910/">http://www.w3.org/TR/2013/WD-css3-grid-layout-20130910/</a>
1659-
</dd>
1660-
<!---->
1661-
16621676
<dt id=CSS3-TRANSFORMS>[CSS3-TRANSFORMS]
16631677

16641678
<dd>Simon Fraser; et al. <a
@@ -1669,16 +1683,6 @@ <h3 class=no-num id=normative-references> Normative references</h3>
16691683
</dd>
16701684
<!---->
16711685

1672-
<dt id=CSS3-WRITING-MODES>[CSS3-WRITING-MODES]
1673-
1674-
<dd>Elika J. Etemad; Koji Ishii. <a
1675-
href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/"><cite>CSS
1676-
Writing Modes Module Level 3.</cite></a> 15 November 2012. W3C Working
1677-
Draft. (Work in progress.) URL: <a
1678-
href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/">http://www.w3.org/TR/2012/WD-css3-writing-modes-20121115/</a>
1679-
</dd>
1680-
<!---->
1681-
16821686
<dt id=CSS3CASCADE>[CSS3CASCADE]
16831687

16841688
<dd>Håkon Wium Lie; fantasai; Tab Atkins Jr. <a
@@ -1725,6 +1729,16 @@ <h3 class=no-num id=other-references> Other references</h3>
17251729

17261730
<dl class=bibliography><!---->
17271731

1732+
<dt id=CSS-TEXT-3>[CSS-TEXT-3]
1733+
1734+
<dd>Elika J. Etemad; Koji Ishii. <a
1735+
href="http://www.w3.org/TR/2013/WD-css-text-3-20131010/"><cite>CSS Text
1736+
Module Level 3.</cite></a> 10 October 2013. W3C Last Call Working Draft.
1737+
(Work in progress.) URL: <a
1738+
href="http://www.w3.org/TR/2013/WD-css-text-3-20131010/">http://www.w3.org/TR/2013/WD-css-text-3-20131010/</a>
1739+
</dd>
1740+
<!---->
1741+
17281742
<dt id=CSS1>[CSS1]
17291743

17301744
<dd>Håkon Wium Lie; Bert Bos. <a
@@ -1758,10 +1772,10 @@ <h3 class=no-num id=other-references> Other references</h3>
17581772
<dt id=CSS3BG>[CSS3BG]
17591773

17601774
<dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
1761-
href="http://www.w3.org/TR/2012/CR-css3-background-20120724/"><cite>CSS
1762-
Backgrounds and Borders Module Level 3.</cite></a> 24 July 2012. W3C
1763-
Candidate Recommendation. (Work in progress.) URL: <a
1764-
href="http://www.w3.org/TR/2012/CR-css3-background-20120724/">http://www.w3.org/TR/2012/CR-css3-background-20120724/</a>
1775+
href="http://www.w3.org/TR/2014/WD-css3-background-20140204/"><cite>CSS
1776+
Backgrounds and Borders Module Level 3.</cite></a> 4 February 2014. W3C
1777+
Last Call Working Draft. (Work in progress.) URL: <a
1778+
href="http://www.w3.org/TR/2014/WD-css3-background-20140204/">http://www.w3.org/TR/2014/WD-css3-background-20140204/</a>
17651779
</dd>
17661780
<!---->
17671781

@@ -1793,16 +1807,6 @@ <h3 class=no-num id=other-references> Other references</h3>
17931807
href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/</a>
17941808
</dd>
17951809
<!---->
1796-
1797-
<dt id=CSS3TEXT>[CSS3TEXT]
1798-
1799-
<dd>Elika J. Etemad; Koji Ishii. <a
1800-
href="http://www.w3.org/TR/2012/WD-css3-text-20121113/"><cite>CSS Text
1801-
Module Level 3.</cite></a> 13 November 2012. W3C Working Draft. (Work in
1802-
progress.) URL: <a
1803-
href="http://www.w3.org/TR/2012/WD-css3-text-20121113/">http://www.w3.org/TR/2012/WD-css3-text-20121113/</a>
1804-
</dd>
1805-
<!---->
18061810
</dl>
18071811
<!--end-informative-->
18081812

@@ -1950,7 +1954,7 @@ <h2 class=no-num id=property-index> Property index</h2>
19501954
<td>see individual properties
19511955

19521956
<td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid
1953-
containers [CSS3-GRID-LAYOUT]
1957+
containers [CSS-GRID-1]
19541958

19551959
<td>no
19561960

@@ -1967,7 +1971,7 @@ <h2 class=no-num id=property-index> Property index</h2>
19671971
<td>visible
19681972

19691973
<td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid
1970-
containers [CSS3-GRID-LAYOUT]
1974+
containers [CSS-GRID-1]
19711975

19721976
<td>no
19731977

@@ -1984,7 +1988,7 @@ <h2 class=no-num id=property-index> Property index</h2>
19841988
<td>visible
19851989

19861990
<td>block containers [CSS21], flex containers [CSS3-FLEXBOX], and grid
1987-
containers [CSS3-GRID-LAYOUT]
1991+
containers [CSS-GRID-1]
19881992

19891993
<td>no
19901994

‎css-overflow/Overview.src.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -372,6 +372,12 @@ <h3 id="scrollable-overflow">Scrollable overflow</h3>
372372
It's missing tons of pieces!
373373
</p>
374374

375+
<p class="issue">
376+
The handling of preserve-3d subtrees here is probably wrong;
377+
the elements should probably count
378+
only towards the overflow of the element that flattens them.
379+
</p>
380+
375381
<p>
376382
The <dfn>scrollable overflow region</dfn> is the non-rectangular region
377383
occupied by the <i>scrollable overflow</i>, and the

0 commit comments

Comments
 (0)