generated

Author: alexmog1

css3-flexbox/Overview.html

@@ -240,24 +240,26 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
    <li><a href="#pagination"><span class=secno>10. </span> Page breaks in
     flexbox</a>
 
-   <li><a href="#conformance"><span class=secno>11. </span> Conformance</a>
+   <li><a href="#cssom"><span class=secno>11. </span>CSSOM</a>
+
+   <li><a href="#conformance"><span class=secno>12. </span> Conformance</a>
     <ul class=toc>
-     <li><a href="#conventions"><span class=secno>11.1. </span> Document
+     <li><a href="#conventions"><span class=secno>12.1. </span> Document
       conventions</a>
 
-     <li><a href="#conformance-classes"><span class=secno>11.2. </span>
+     <li><a href="#conformance-classes"><span class=secno>12.2. </span>
       Conformance classes</a>
 
-     <li><a href="#partial"><span class=secno>11.3. </span> Partial
+     <li><a href="#partial"><span class=secno>12.3. </span> Partial
       implementations</a>
 
-     <li><a href="#experimental"><span class=secno>11.4. </span> Experimental
+     <li><a href="#experimental"><span class=secno>12.4. </span> Experimental
       implementations</a>
 
-     <li><a href="#testing"><span class=secno>11.5. </span> Non-experimental
+     <li><a href="#testing"><span class=secno>12.5. </span> Non-experimental
       implementations</a>
 
-     <li><a href="#cr-exit-criteria"><span class=secno>11.6. </span> CR exit
+     <li><a href="#cr-exit-criteria"><span class=secno>12.6. </span> CR exit
       criteria</a>
     </ul>
 
@@ -2333,9 +2335,31 @@ <h2 id=pagination><span class=secno>10. </span> Page breaks in flexbox</h2>
     </ol>
   </ul>
 
-  <h2 id=conformance><span class=secno>11. </span> Conformance</h2>
+  <h2 id=cssom><span class=secno>11. </span>CSSOM</h2>
+
+  <div class=issue>
+   <p>&#39;Flex&#39; property is currently defined as shorthand only,
+    combining three values. When queried&nbsp; from OM, it is seen as a
+    string with up to three values, which can be very complicated to deal
+    with properly.</p>
+
+   <p>There should be separate properties to access flexibility components in
+    OM, such as:</p>
+
+   <pre class=idl>
+[Supplemental] interface "<a
+    href="http://www.w3.org/TR/cssom/#cssstyledeclaration">CSSStyleDeclaration</a> {
+	attribute DOMString? flexPositive;
+	attribute DOMString? flexNegative;
+	attribute DOMString? flexPreferredSize;
+};               
+</pre>
+   See <a
+   href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16145">Bug-16145</a></div>
+
+  <h2 id=conformance><span class=secno>12. </span> Conformance</h2>
 
-  <h3 id=conventions><span class=secno>11.1. </span> Document conventions</h3>
+  <h3 id=conventions><span class=secno>12.1. </span> Document conventions</h3>
 
   <p>Conformance requirements are expressed with a combination of descriptive
    assertions and RFC 2119 terminology. The key words “MUST”, “MUST
@@ -2362,7 +2386,7 @@ <h3 id=conventions><span class=secno>11.1. </span> Document conventions</h3>
 
   <p class=note>Note, this is an informative note.
 
-  <h3 id=conformance-classes><span class=secno>11.2. </span> Conformance
+  <h3 id=conformance-classes><span class=secno>12.2. </span> Conformance
    classes</h3>
 
   <p>Conformance to CSS Flexbox Layout Module is defined for three
@@ -2406,7 +2430,7 @@ <h3 id=conformance-classes><span class=secno>11.2. </span> Conformance
    module, and meet all other conformance requirements of style sheets as
    described in this module.
 
-  <h3 id=partial><span class=secno>11.3. </span> Partial implementations</h3>
+  <h3 id=partial><span class=secno>12.3. </span> Partial implementations</h3>
 
   <p>So that authors can exploit the forward-compatible parsing rules to
    assign fallback values, CSS renderers <strong>must</strong> treat as
@@ -2420,7 +2444,7 @@ <h3 id=partial><span class=secno>11.3. </span> Partial implementations</h3>
    unsupported values must be), CSS requires that the entire declaration be
    ignored.
 
-  <h3 id=experimental><span class=secno>11.4. </span> Experimental
+  <h3 id=experimental><span class=secno>12.4. </span> Experimental
    implementations</h3>
 
   <p>To avoid clashes with future CSS features, the CSS2.1 specification
@@ -2434,7 +2458,7 @@ <h3 id=experimental><span class=secno>11.4. </span> Experimental
    vendor-prefixed syntax for such features, including those in W3C Working
    Drafts. This avoids incompatibilities with future changes in the draft.
 
-  <h3 id=testing><span class=secno>11.5. </span> Non-experimental
+  <h3 id=testing><span class=secno>12.5. </span> Non-experimental
    implementations</h3>
 
   <p>Once a specification reaches the Candidate Recommendation stage,
@@ -2456,7 +2480,7 @@ <h3 id=testing><span class=secno>11.5. </span> Non-experimental
    href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a>
    mailing list.
 
-  <h3 id=cr-exit-criteria><span class=secno>11.6. </span> CR exit criteria</h3>
+  <h3 id=cr-exit-criteria><span class=secno>12.6. </span> CR exit criteria</h3>
 
   <p> For this specification to be advanced to Proposed Recommendation, there
    must be at least two independent, interoperable implementations of each
@@ -2744,7 +2768,7 @@ <h2 class=no-num id=index>Index</h2>
 
   <ul class=indexlist>
    <li>authoring tool, <a href="#authoring-tool"
-    title="authoring tool"><strong>11.2.</strong></a>
+    title="authoring tool"><strong>12.2.</strong></a>
 
    <li>&rsquo;auto'&lsquo;<code class=css>, <a href="#flex-item-align-auto"
     title="</code>&rsquo;&lsquo;<code class=property>auto</code>&rsquo;&lsquo;<code class=css>"><strong>8.2.</strong></a>
@@ -2890,7 +2914,7 @@ <h2 class=no-num id=index>Index</h2>
     title="preferred size"><strong>7.</strong></a>
 
    <li>renderer, <a href="#renderer"
-    title=renderer><strong>11.2.</strong></a>
+    title=renderer><strong>12.2.</strong></a>
 
    <li>resolve the flexible lengths, <a href="#resolve-the-flexible-lengths"
     title="resolve the flexible lengths"><strong>9.</strong></a>
@@ -2915,7 +2939,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>style sheet
     <ul>
      <li>as conformance class, <a href="#style-sheet"
-      title="style sheet, as conformance class"><strong>11.2.</strong></a>
+      title="style sheet, as conformance class"><strong>12.2.</strong></a>
     </ul>
 
    <li>wrap, <a href="#flex-flow-wrap" title=wrap><strong>6.2.</strong></a>