Merge branch 'master' of github.com:w3c/csswg-drafts

Author: Greg Whitworth

Transitions.md

@@ -0,0 +1,40 @@
+#W3C Transition status
+
+##First Public Working Draft
+
+###Open
+
+_(none)_
+
+###Closed
+
+_(none)_
+
+##Candidate Recommendation
+
+###Open
+
+Paint API
+* [group decision](https://lists.w3.org/Archives/Public/public-houdini/2016Oct/0001.html) 09 Oct 2016
+* next step: transition request
+
+CSS Scroll Snapping
+* [transition request](https://lists.w3.org/Archives/Member/chairs/2016OctDec/0000.html) 03 Oct 2016
+* transition approved, 13 Oct 2016
+* next step: publication, Tue 18 Oct 2016
+
+###Closed
+
+CSS Values & Units 3  [done](https://www.w3.org/TR/css-values-3/), 29 September 2016
+
+CSS Grid Layout 1 [done](https://www.w3.org/TR/css-grid-1/), 29 September 2016
+
+##Proposed Recommendation
+
+###Open
+
+_(none)_
+
+###Closed
+
+_(none)_

css-align/Overview.bs

@@ -851,7 +851,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 	the box's outer edges are aligned within its <a>alignment container</a>
 	<a href="#alignment-values">as described by its alignment value</a>.
 
-	The <dfn value for="justify-self">auto</dfn> keyword is interpretead as
+	The <dfn value for="justify-self">auto</dfn> keyword is interpreted as
 	''justify-self/normal'' if the box is absolutely positioned or has no parent,
 	and as the computed value of 'justify-items' on the parent
 	(minus any ''legacy'' keywords)
@@ -1055,7 +1055,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
 	the box's outer edges are aligned within its <a>alignment container</a>
 	<a href="#alignment-values">as described by its alignment value</a>.
 
-	The <dfn value for="align-self">auto</dfn> keyword is interpretead as
+	The <dfn value for="align-self">auto</dfn> keyword is interpreted as
 	''align-self/normal'' if the box is absolutely positioned or has no parent,
 	and as the computed value of 'align-items' on the parent
 	otherwise.

css-animations-2/Overview.bs

@@ -43,6 +43,7 @@ Level: 2
 Group: csswg
 ED: https://drafts.csswg.org/css-animations-2/
 Editor: L. David Baron, Mozilla, dbaron@dbaron.org
+Editor: Brian Birtles, Mozilla https://www.mozilla.org/, bbirtles@mozilla.com
 !Issues List: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?component=Animations&list_id=36653&product=CSS&query_format=advanced&resolution=---">In Bugzilla</a>
 
 Abstract: This CSS module describes a way for authors to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, number of repeats, and repeating behavior.
@@ -77,6 +78,7 @@ urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animation
     text: iteration duration
     text: iteration start
     text: pause an animation
+    text: pending play state
     text: play an animation
     text: sampling
     text: start delay
@@ -419,9 +421,9 @@ definitions are used:
     <code>max(min(<a>target effect end</a> - <a>start delay</a>,
                   <a>active duration</a>), 0)</code>
 
-Each time an animation is <a lt="sampling">sampled</a>, the events to
-dispatch are determined by comparing the animation's phase before and
-after the sample as follows:
+Each time an animation is <a lt="sampling">sampled</a> and is <em>not</em> <a
+lt="pending play state">pending</a>, the events to dispatch are determined by
+comparing the animation's phase before and after the sample as follows:
 
 <table class="event-state-transitions">
   <thead>
@@ -433,60 +435,32 @@ after the sample as follows:
   </thead>
   <tbody>
     <tr>
-      <td><a lt="idle phase">idle</a> &rarr;
+      <td><a lt="idle phase">idle</a> or <a lt="before phase">before</a> &rarr;
           <a lt="active phase">active</a></td>
       <td><a idl>animationstart</a></td>
-      <td>If the <a>animation playback rate</a> is &ge; 0,
-          use the <a>interval start</a>, otherwise use the
-          <a>interval end</a>.
+      <td><a>interval start</a>
       </td>
     </tr>
     <tr>
-      <td><a lt="before phase">before</a> &rarr;
-          <a lt="active phase">active</a></td>
-      <td><a idl>animationstart</a></td>
-      <td><a>interval start</a></td>
-    </tr>
-    <tr>
-      <td><a lt="after phase">after</a> &rarr;
-          <a lt="active phase">active</a></td>
-      <td><a idl>animationstart</a></td>
-      <td><a>interval end</a></td>
-    </tr>
-    <tr>
-      <td rowspan="2"><a lt="before phase">before</a> &rarr;
-                      <a lt="after phase">after</a> <a
-                      href="#multiple-events-note">&#x66d;</a></td>
-      <td><a idl>animationstart</a></td>
-      <td><a>interval start</a></td>
-    </tr>
-    <tr>
-      <td><a idl>animationend</a></td>
-      <td><a>interval end</a></td>
-    </tr>
-    <tr>
-      <td rowspan="2"><a lt="after phase">after</a> &rarr;
-                      <a lt="before phase">before</a> <a
-                      href="#multiple-events-note">&#x66d;</a></td>
+      <td rowspan="2">
+        <a lt="idle phase">idle</a> or <a lt="before phase">before</a> &rarr;
+        <a lt="after phase">after</a> <a
+        href="#multiple-events-note">&#x66d;</a></td>
       <td><a idl>animationstart</a></td>
-      <td><a>interval end</a></td>
+      <td><a>interval start</a>
+      </td>
     </tr>
     <tr>
       <td><a idl>animationend</a></td>
-      <td><a>interval start</a></td>
+      <td><a>interval end</a>
+      </td>
     </tr>
     <tr>
       <td><a lt="active phase">active</a> &rarr;
           <a lt="before phase">before</a></td>
       <td><a idl>animationend</a></td>
       <td><a>interval start</a></td>
     </tr>
-    <tr>
-      <td><a lt="active phase">active</a> &rarr;
-          <a lt="after phase">after</a></td>
-      <td><a idl>animationend</a></td>
-      <td><a>interval end</a></td>
-    </tr>
     <tr>
       <td><a lt="active phase">active</a> &rarr;
           <a lt="active phase">active</a>
@@ -498,6 +472,29 @@ after the sample as follows:
       <td>(See below)
           <a href="#animation-iteration-elapsed-time">&dagger;</a></td>
     </tr>
+    <tr>
+      <td><a lt="active phase">active</a> &rarr;
+          <a lt="after phase">after</a></td>
+      <td><a idl>animationend</a></td>
+      <td><a>interval end</a></td>
+    </tr>
+    <tr>
+      <td><a lt="after phase">after</a> &rarr;
+          <a lt="active phase">active</a></td>
+      <td><a idl>animationstart</a></td>
+      <td><a>interval end</a></td>
+    </tr>
+    <tr>
+      <td rowspan="2"><a lt="after phase">after</a> &rarr;
+                      <a lt="before phase">before</a> <a
+                      href="#multiple-events-note">&#x66d;</a></td>
+      <td><a idl>animationstart</a></td>
+      <td><a>interval end</a></td>
+    </tr>
+    <tr>
+      <td><a idl>animationend</a></td>
+      <td><a>interval start</a></td>
+    </tr>
     <tr>
       <td>Not <a lt="idle phase">idle</a> &rarr;
           <a lt="idle phase">idle</a></td>

css-animations/Overview.bs

@@ -24,7 +24,7 @@ ED: https://drafts.csswg.org/css-animations/
 Previous Version: https://www.w3.org/TR/2013/WD-css3-animations-20130219/
 Previous Version: https://www.w3.org/TR/2012/WD-css3-animations-20120403/
 Editor: Dean Jackson, Apple Inc., dino@apple.com
-Editor: L. David Baron, Mozilla, http://dbaron.org/
+Editor: L. David Baron, Mozilla https://www.mozilla.org/, https://dbaron.org/
 Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
 Editor: Brian Birtles, Mozilla Japan, bbirtles@mozilla.com
 Former Editor: David Hyatt, Apple Inc.

css-conditional/Overview.bs

@@ -9,7 +9,7 @@ ED: https://drafts.csswg.org/css3-conditional/
 TR: https://www.w3.org/TR/css3-conditional/
 Previous Version: https://www.w3.org/TR/2013/CR-css3-conditional-20130404/
 Test Suite: http://test.csswg.org/suites/css3-conditional/nightly-unstable/
-Editor: L. David Baron, Mozilla http://www.mozilla.org, http://dbaron.org
+Editor: L. David Baron, Mozilla https://www.mozilla.org/, https://dbaron.org/
 Link Defaults: css-color-3 (property) color
 Abstract: This module contains the features of CSS for conditional processing of parts of
   style sheets, conditioned on capabilities of the processor or the

css-fonts-4/Overview.bs

@@ -192,7 +192,7 @@ at least as dark as its predecessor. Only values between 1 - 999 are valid, and
 	<tr><th>- 99</th><td>400</td><td>No change</td></tr>
 	<tr><th>100 - 349</th><td>400</td><td>100</td></tr>
 	<tr><th>350 - 549</th><td>700</td><td>100</td></tr>
-	<tr><th>550 - 745</th><td>900</td><td>400</td></tr>
+	<tr><th>550 - 749</th><td>900</td><td>400</td></tr>
 	<tr><th>750 - 899</th><td>900</td><td>700</td></tr>
 	<tr><th>900 -</th><td>No change</td><td>700</td></tr>
 	</tbody>
@@ -229,15 +229,15 @@ at least as dark as its predecessor. Only values between 1 - 999 are valid, and
 	</tr>
 	</thead>
 	<tbody>
-	<tr><th>ultra-condensed</th><th>80%</th></tr>
-	<tr><th>extra-condensed</th><th>85%</th></tr>
-	<tr><th>condensed</th><th>90%</th></tr>
-	<tr><th>semi-condensed</th><th>95%</th></tr>
+	<tr><th>ultra-condensed</th><th>50%</th></tr>
+	<tr><th>extra-condensed</th><th>62.5%</th></tr>
+	<tr><th>condensed</th><th>75%</th></tr>
+	<tr><th>semi-condensed</th><th>87.5%</th></tr>
 	<tr><th>normal</th><th>100%</th></tr>
-	<tr><th>semi-expanded</th><th>105%</th></tr>
-	<tr><th>expanded</th><th>110%</th></tr>
-	<tr><th>extra-expanded</th><th>115%</th></tr>
-	<tr><th>ultra-expanded</th><th>120%</th></tr>
+	<tr><th>semi-expanded</th><th>112.5%</th></tr>
+	<tr><th>expanded</th><th>125%</th></tr>
+	<tr><th>extra-expanded</th><th>150%</th></tr>
+	<tr><th>ultra-expanded</th><th>200%</th></tr>
 	</tbody>
 	</table>
 

css-grid/Overview.bs

@@ -1,8 +1,10 @@
 <h1>CSS Grid Layout Module Level 1</h1>
 
 <pre class='metadata'>
-Status: ED
-Work Status: Refining
+Deadline: 2017-06-30
+Date: 2016-09-29
+Status: CR
+Work Status: Testing
 Shortname: css-grid
 Level: 1
 Group: csswg
@@ -743,9 +745,9 @@ Reordering and Accessibility</h2>
 			             "a b c"
 			             "f f f";
 			       grid-template-columns: auto 1fr 20%; }
-			article { grid-position: b; min-width: 12em;     }
-			nav     { grid-position: a; /* auto min-width */ }
-			aside   { grid-position: c; min-width: 12em;     }
+			article { grid-area: b; min-width: 12em;     }
+			nav     { grid-area: a; /* auto min-width */ }
+			aside   { grid-area: c; min-width: 12em;     }
 		</pre>
 
 		As an added bonus,
@@ -895,7 +897,9 @@ Sizing Grid Containers</h3>
 
 	In both inline and block formatting contexts,
 	the <a>grid container</a>’s ''auto'' <a>block size</a> is its max-content size.
-	<span class="issue">The block layout spec should define this?</span>
+
+	<span class="note">The block layout spec should probably define this,
+	but it isn't written yet.</span>
 
 	The <a>max-content size</a> of a <a>grid container</a> is
 	the sum of the <a>grid container’s</a> track sizes (including gutters)
@@ -3599,8 +3603,9 @@ Grid Sizing Algorithm</h3>
 			had that size and all other rows were infinite.
 
 		<div class="issue">
-			Alternatively, we could
-			assume the <a>available space</a> that it would have as the maximum of:
+			Would it help to have <a href="https://lists.w3.org/Archives/Public/www-style/2016Jan/0128.html">heuristics</a>
+			that attempt a more accurate initial estimate?
+			E.g. assuming the <a>available space</a> that it would have as the maximum of:
 
 			<ul>
 				<li>
@@ -3622,8 +3627,8 @@ Grid Sizing Algorithm</h3>
 					or a ''max-content'', ''auto'', or <<flex>> max sizing function.
 			</ul>
 
-			This is likely to reduce the amount of re-layout passes that are necessary,
-			but will it produce a different result in any cases?
+			This is may reduce the amount of re-layout passes that are necessary,
+			but will it produce a different or better result in any cases?
 			Should we adopt it into the spec?
 		</div>
 
@@ -3645,10 +3650,6 @@ Grid Sizing Algorithm</h3>
 				and <a spec=css-multicol>multi-column elements</a>.
 			</div>
 
-			Issue: Is one cycle enough?
-
-			Issue: Would it help to have <a href="https://lists.w3.org/Archives/Public/www-style/2016Jan/0128.html">smarter heuristics</a> for the initial size calculation?
-
 		<li>
 			Finally, the <a>grid container</a> is sized
 			using the resulting size of the <a>grid</a> as its content size,
@@ -4193,10 +4194,12 @@ Fragmenting Grid Layout</h2>
 <h3 id="fragmentation-alg">
 Sample Fragmentation Algorithm</h3>
 
-	<p class="issue">
-		This is just a rough draft.
-		This section needs to be severely cross-checked with the [[CSS-FLEXBOX-1]] algorithm.
-		Feedback overall is welcome; please reference the rules above instead as implementation guidance.
+	<p><em>This section is non-normative.</em>
+
+	<p class="note">
+		This is a rough draft of one possible fragmentation algorithm,
+		and still needs to be severely cross-checked with the [[CSS-FLEXBOX-1]] algorithm for consistency.
+		Feedback is welcome; please reference the rules above instead as implementation guidance.
 
 	<ol>
 		<li>
@@ -4265,6 +4268,8 @@ Acknowledgements</h2>
 <h2 class="no-num" id="changes">
 Changes</h2>
 
+	Changes since the <a href="https://www.w3.org/TR/2016/WD-css-grid-1-20160519/">19 May 2016 Working Draft</a> are:
+
 	<ul>
 		<li>Disallowed ''repeat()'' syntax in 'grid-template' shorthand syntax--
 			since this is somewhat incompatible with the ASCII-art design of the syntax, and was never intended to be allowed.

css-inline/Overview.bs

@@ -1065,6 +1065,9 @@ Raised and sunken caps</h4>
 	</figure>
 
 	Issue: Handle glyph ink above cap height of font.
+	Proposal: Make it an exclusion area for line boxes and border boxes. Include margin specified on initial-letter as part of exclusion area in order to control spacing.
+
+	Issue: Draw a box model diagram here. Does the margin of the initial letter collapse with its container?
 
 
 <h4 id="short-para-initial-letter">
@@ -1108,7 +1111,7 @@ Interaction with floats</h4>
 	Floats always clear an initial letter when floated to the same side.
 	When floated to the opposite side,
 	they are pushed down to clear the initial letter
-	only if they have specified 'clear' to this side
+	only if they have specified 'clear' to the affected side
 	or they do not fit without overlapping the initial letter.
 
 	Issue: Is this the behavior we want? What if the float is on the same line as the initial letter?
@@ -1163,12 +1166,12 @@ Appendix A: Synthesizing Alignment Metrics</h2>
 					can be taken as the ideographic character face edges.
 					In the horizontal dimension,
 					the left and right edges of the nation ideograph (U+56FD “国”)
-					or solid ideograph (U+56FA “固”)
+					or reason ideograph (U+56E0 “因”)
 					can be used.
 					In all cases, the these edges should be measured
 					at their intersection with the central baseline in that axis.
 
-					Issue: Is 国 or 固 more common?
+					Issue: What is the best character to use for the sides?
 
 				<li>
 					The top edge of the center of the Hebrew maqaf (U+05B3 “־”)
@@ -1292,7 +1295,7 @@ Acknowledgments</h2>
 	Sylvain Galineau,
 	David Hyatt,
 	Shinyu Murakami,
-	Ted O’Connor,
+	Tess O’Connor,
 	Sujal Parikh,
 	Florian Rivoal,
 	Alan Stearns,

css-overflow-3/Overview.bs

@@ -9,7 +9,7 @@ Level: 3
 TR: https://www.w3.org/TR/css-overflow-3/
 Previous version: https://www.w3.org/TR/2016/WD-css-overflow-3-20160531/
 Previous version: https://www.w3.org/TR/2013/WD-css-overflow-3-20130418/
-Editor: L. David Baron, Mozilla, http://dbaron.org/
+Editor: L. David Baron, Mozilla https://www.mozilla.org/, https://dbaron.org/
 Editor: Florian Rivoal, On behalf of Bloomberg, florian@rivoal.net, http://florian.rivoal.net/
 Abstract: This module contains the features of CSS relating to scrollable overflow handling in visual media.
 !Change Log: <a href="https://hg.csswg.org/drafts/log/tip/css-overflow/Overview.bs">from 27 January 2015 to the present</a>

css-overflow/Overview.bs

@@ -8,7 +8,7 @@ Group: csswg
 Level: 4
 TR: https://www.w3.org/TR/css-overflow-4/
 Previous version: https://www.w3.org/TR/css-overflow-3/
-Editor: L. David Baron, Mozilla, http://dbaron.org/
+Editor: L. David Baron, Mozilla https://www.mozilla.org/, https://dbaron.org/
 Editor: Florian Rivoal, On behalf of Bloomberg, florian@rivoal.net, http://florian.rivoal.net/
 Abstract: This module contains the features of CSS relating to new mechanisms of overflow handling in visual media (e.g., screen or paper).  In interactive media, it describes features that allow the overflow from a fixed size container to be handled by pagination (displaying one page at a time).  It also describes features, applying to all visual media, that allow the contents of an element to be spread across multiple fragments, allowing the contents to flow across multiple regions or to have different styles for different fragments.
 !Change Log: <a href="https://hg.csswg.org/drafts/log/tip/css-overflow/Overview.bs">from 27 January 2015 to the present</a>