*** empty log message ***

Author: kojiishi

css-line-grid/Overview.html

@@ -175,19 +175,19 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
       class=secno>3.4. </span>Forcing Line Width to Multiple of
       <em>em</em></a>
       <ul class=toc>
-       <li><a href="#round-length"><span class=secno>3.4.1. </span>Rounding
+       <li><a href="#character-grid-the-layout-grid-char-prop"><span
+        class=secno>3.4.1. </span>Character Grid: the &lsquo;<code
+        class=property>layout-grid-char</code>&rsquo; property</a>
+
+       <li><a href="#round-length"><span class=secno>3.4.2. </span>Rounding
         Lengths to Multiple of Units: &lsquo;<code
         class=css>rounddown()</code>&rsquo; and &lsquo;<code
         class=css>roundup()</code>&rsquo; </a>
 
        <li><a href="#rounding-lengths-to-multiple-of-units-th"><span
-        class=secno>3.4.2. </span>Rounding Lengths to Multiple of Units: the
+        class=secno>3.4.3. </span>Rounding Lengths to Multiple of Units: the
         &lsquo;<code class=property>layout-grid-measure</code>&rsquo;
         property</a>
-
-       <li><a href="#character-grid-the-layout-grid-char-prop"><span
-        class=secno>3.4.3. </span>Character Grid: the &lsquo;<code
-        class=property>layout-grid-char</code>&rsquo; property</a>
       </ul>
     </ul>
 
@@ -283,8 +283,8 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
   </div>
 
   <div class=sidefigure id=ex-width> <img alt="East Asian layouts may require
-   width be a multiple of em without fractions" height=168
-   src=width-multiple-of-em.png width=206>
+   width be a multiple of em without fractions" height=142
+   src=width-multiple-of-em.png width=180>
    <p class=caption>East Asian layouts may require width be a multiple of
     <em>em</em> without fractions.</p>
   </div>
@@ -420,6 +420,12 @@ <h3 id=layout-grid-line-prop><span class=secno>2.1. </span>Define Line
   <p>This property defines a line grid for the element and its descendent
    elements. Possible values are:
 
+  <p class=issue>An implementer said the grid's scope should be limited to
+   the same BFC, as referring property values and position of parent elements
+   could be difficult to implement if the element is in different BFC than
+   the parent. This can mean a float cannot share the grids with its parent,
+   which is not ideal. How can we solve this?
+
   <dl>
    <dt><dfn id=none title="layout-grid-line::none">&lsquo;<code
     class=css>none</code>&rsquo;</dfn>
@@ -456,6 +462,8 @@ <h3 id=layout-grid-line-prop><span class=secno>2.1. </span>Define Line
    class=css>vertical-rl</code>&rsquo;, and the left of the element for
    &lsquo;<code class=css>vertical-lr</code>&rsquo;.
 
+  <p class=issue>Define behavior for paged media/column break
+
   <p class=issue>TBD: I might need to copy more text from <a
    href="http://www.w3.org/TR/2001/WD-css3-text-20010517/#layout-grid-line-prop">CSS3
    module: text WD 20010517</a>.
@@ -689,13 +697,79 @@ <h3 id=grid-length-unit><span class=secno>3.3. </span>The &lsquo;<code
 <!-- --></code></pre>
   </div>
 
+  <p class=issue>&lsquo;<code class=css>gem</code>&rsquo; length unit is also
+   requested
+
   <h3 id=forcing-line-width-to-multiple-of-em><span class=secno>3.4.
    </span>Forcing Line Width to Multiple of <em>em</em></h3>
 
-  <p class=issue>There are multiple ideas for this, and all ideas are listed
-   here for disucssions.
+  <p class=issue>There are 3 ideas for this, and all ideas are listed here
+   for disucssions.
+
+  <h4 id=character-grid-the-layout-grid-char-prop><span class=secno>3.4.1.
+   </span>Character Grid: the &lsquo;<a href="#layout-grid-char"><code
+   class=property>layout-grid-char</code></a>&rsquo; property</h4>
+
+  <table class=propdef>
+   <tbody>
+    <tr>
+     <th>Name:
+
+     <td><dfn id=layout-grid-char>layout-grid-char</dfn>
+
+    <tr>
+     <th>Value:
+
+     <td>none | auto | &lt;length&gt;
+
+    <tr>
+     <th>Initial:
+
+     <td>none
+
+    <tr>
+     <th>Applies to:
+
+     <td>block containers
+
+    <tr>
+     <th>Inherited:
+
+     <td>no
+
+    <tr>
+     <th>Percentages:
+
+     <td>N/A
+
+    <tr>
+     <th>Media:
+
+     <td>visual
+
+    <tr>
+     <th>Computed&nbsp;value:
+
+     <td>specified value
+  </table>
+
+  <p>This property defines a character grid for the element. Possible values
+   are:
+
+  <p>When a character grid is defined, start and end edges of a line box snap
+   to the nearest grid in the direction to shorten the line box.
+
+  <div class=figure> <object data=line-length.svg height=158
+   type="image/svg+xml" width=340> </object>
+   <p class=caption>The gray part of a line box is rounded down to snap to
+    the grid. The second line box has a float on the left (green), and
+    therefore its start edge snaps to the grid as well.</p>
+  </div>
+
+  <p class=issue>Should we add &lsquo;<code class=css>edges</code>&rsquo; to
+   the &lsquo;<code class=property>line-grid-mode</code>&rsquo; property?
 
-  <h4 id=round-length><span class=secno>3.4.1. </span>Rounding Lengths to
+  <h4 id=round-length><span class=secno>3.4.2. </span>Rounding Lengths to
    Multiple of Units: &lsquo;<code class=css><span class=index id=rounddown
    title="length unit::rounddown()">rounddown()</span></code>&rsquo; and
    &lsquo;<code class=css><span class=index id=roundup title="length
@@ -756,7 +830,7 @@ <h4 id=round-length><span class=secno>3.4.1. </span>Rounding Lengths to
 <!-- --></code></pre>
   </div>
 
-  <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.2.
+  <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.3.
    </span>Rounding Lengths to Multiple of Units: the &lsquo;<a
    href="#layout-grid-measure"><code
    class=property>layout-grid-measure</code></a>&rsquo; property</h4>
@@ -804,66 +878,6 @@ <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.2.
      <td>specified value
   </table>
 
-  <h4 id=character-grid-the-layout-grid-char-prop><span class=secno>3.4.3.
-   </span>Character Grid: the &lsquo;<a href="#layout-grid-char"><code
-   class=property>layout-grid-char</code></a>&rsquo; property</h4>
-
-  <table class=propdef>
-   <tbody>
-    <tr>
-     <th>Name:
-
-     <td><dfn id=layout-grid-char>layout-grid-char</dfn>
-
-    <tr>
-     <th>Value:
-
-     <td>none | auto | &lt;length&gt;
-
-    <tr>
-     <th>Initial:
-
-     <td>none
-
-    <tr>
-     <th>Applies to:
-
-     <td>block containers
-
-    <tr>
-     <th>Inherited:
-
-     <td>no
-
-    <tr>
-     <th>Percentages:
-
-     <td>N/A
-
-    <tr>
-     <th>Media:
-
-     <td>visual
-
-    <tr>
-     <th>Computed&nbsp;value:
-
-     <td>specified value
-  </table>
-
-  <p>This property defines a character grid for the element. Possible values
-   are:
-
-  <p>When a character grid is defined, the start and end edge of a line box
-   snap to the nearest grid in the direction to shorten the line box.
-
-  <div class=figure> <object data=line-length.svg height=158
-   type="image/svg+xml" width=340> </object>
-   <p class=caption>The gray part of a line box is rounded down to snap to
-    the grid. The second line box has a float on the left (green), and
-    therefore its start edge snaps to the grid as well.</p>
-  </div>
-
   <h2 id=conformance><span class=secno>4. </span> Conformance</h2>
 
   <h3 id=conformance-classes><span class=secno>4.1. </span> Conformance
@@ -1084,7 +1098,7 @@ <h2 class=no-num id=index>Index</h2>
     tool"><strong>4.1.</strong></a>
 
    <li>layout-grid-char, <a href="#layout-grid-char"
-    title=layout-grid-char><strong>3.4.3.</strong></a>
+    title=layout-grid-char><strong>3.4.1.</strong></a>
 
    <li>layout-grid-line, <a href="#layout-grid-line"
     title=layout-grid-line><strong>2.1.</strong></a>
@@ -1103,7 +1117,7 @@ <h2 class=no-num id=index>Index</h2>
     </ul>
 
    <li>layout-grid-measure, <a href="#layout-grid-measure"
-    title=layout-grid-measure><strong>3.4.2.</strong></a>
+    title=layout-grid-measure><strong>3.4.3.</strong></a>
 
    <li>layout-grid-mode, <a href="#layout-grid-mode"
     title=layout-grid-mode><strong>3.1.</strong></a>
@@ -1126,8 +1140,8 @@ <h2 class=no-num id=index>Index</h2>
      <li>gd, <a href="#gd" title="length unit, gd">3.3.</a>
 
      <li>rounddown(), <a href="#rounddown" title="length unit,
-      rounddown()">3.4.1.</a>, <a href="#roundup" title="length unit,
-      rounddown()">3.4.1.</a>
+      rounddown()">3.4.2.</a>, <a href="#roundup" title="length unit,
+      rounddown()">3.4.2.</a>
     </ul>
 
    <li>renderer, <a href="#renderer" title=renderer><strong>4.1.</strong></a>

css-line-grid/Overview.src.html

@@ -146,7 +146,7 @@ <h3 id="context">Background</h3>
 
   <div id="ex-width" class="sidefigure">
     <img src="width-multiple-of-em.png"
-      width="206" height="168"
+      width="180" height="142"
       alt="East Asian layouts may require width be a multiple of em without fractions"
       />
     <p class="caption">East Asian layouts may require width
@@ -260,6 +260,13 @@ <h3 id="layout-grid-line-prop">Define Line Grids: the 'layout-grid-line' propert
 
   <p>This property defines a line grid for the element and its descendent elements.
     Possible values are:</p>
+
+  <p class="issue">An implementer said the grid's scope should be limited to the same BFC,
+    as referring property values and position of parent elements could be difficult to implement
+    if the element is in different BFC than the parent.
+    This can mean a float cannot share the grids with its parent, which is not ideal.
+    How can we solve this?</p>
+
   <dl>
     <dt><dfn title="layout-grid-line::none">''none''</dfn></dt>
     <dd>No line grid is specified.</dd>
@@ -282,6 +289,7 @@ <h3 id="layout-grid-line-prop">Define Line Grids: the 'layout-grid-line' propert
     for 'writing-mode' is ''vertical-rl'',
     and the left of the element for ''vertical-lr''.</p>
 
+  <p class="issue">Define behavior for paged media/column break</p>
   <p class="issue">TBD:
     I might need to copy more text from
     <a href="http://www.w3.org/TR/2001/WD-css3-text-20010517/#layout-grid-line-prop">CSS3 module: text WD 20010517</a>.</p>
@@ -491,8 +499,60 @@ <h3 id="grid-length-unit">The ''<span class="index" title="length unit::gd">gd</
 <!-- --></code></pre>
   </div>
 
+  <p class="issue">''gem'' length unit is also requested</p>
+
 <h3>Forcing Line Width to Multiple of <em>em</em></h3>
   <p class="issue">There are 3 ideas for this, and all ideas are listed here for disucssions.</p>
+
+<h4>Character Grid: the 'layout-grid-char' property</h4>
+
+  <table class=propdef>
+    <tr>
+      <th>Name:
+      <td><dfn>layout-grid-char</dfn>
+    <tr>
+      <th>Value:
+      <td>none
+        | auto
+        | &lt;length&gt;
+    <tr>
+      <th>Initial:
+      <td>none
+    <tr>
+      <th>Applies to:
+      <td>block containers
+    <tr>
+      <th>Inherited:
+      <td>no
+    <tr>
+      <th>Percentages:
+      <td>N/A
+    <tr>
+      <th>Media:
+      <td>visual
+    <tr>
+      <th>Computed&nbsp;value:
+      <td>specified value
+  </table>
+
+  <p>This property defines a character grid for the element. Possible values are:</p>
+
+  <p>When a character grid is defined,
+    start and end edges of a line box snap to the nearest grid
+    in the direction to shorten the line box.</p>
+
+  <div class="figure">
+    <object
+      data="line-length.svg" type="image/svg+xml"
+      width="340" height="158">
+    </object>
+    <p class="caption">The gray part of a line box is rounded down to snap to the grid.
+      The second line box has a float on the left (green),
+      and therefore its start edge snaps to the grid as well.</p>
+  </div>
+
+  <p class="issue">Should we add ''edges'' to the 'line-grid-mode' property?</p>
+
 <h4 id="round-length">Rounding Lengths to Multiple of Units:
   ''<span class="index" title="length unit::rounddown()">rounddown()</span>''
   and ''<span class="index" title="length unit::rounddown()">roundup()</span>''
@@ -580,55 +640,6 @@ <h4>Rounding Lengths to Multiple of Units: the 'layout-grid-measure' property</h
       <td>specified value
   </table>
 
-<h4>Character Grid: the 'layout-grid-char' property</h4>
-
-  <table class=propdef>
-    <tr>
-      <th>Name:
-      <td><dfn>layout-grid-char</dfn>
-    <tr>
-      <th>Value:
-      <td>none
-        | auto
-        | &lt;length&gt;
-    <tr>
-      <th>Initial:
-      <td>none
-    <tr>
-      <th>Applies to:
-      <td>block containers
-    <tr>
-      <th>Inherited:
-      <td>no
-    <tr>
-      <th>Percentages:
-      <td>N/A
-    <tr>
-      <th>Media:
-      <td>visual
-    <tr>
-      <th>Computed&nbsp;value:
-      <td>specified value
-  </table>
-
-  <p>This property defines a character grid for the element. Possible values are:</p>
-
-  <p>When a character grid is defined,
-    start and end edges of a line box snap to the nearest grid
-    in the direction to shorten the line box.</p>
-
-  <div class="figure">
-    <object
-      data="line-length.svg" type="image/svg+xml"
-      width="340" height="158">
-    </object>
-    <p class="caption">The gray part of a line box is rounded down to snap to the grid.
-      The second line box has a float on the left (green),
-      and therefore its start edge snaps to the grid as well.</p>
-  </div>
-
-  
-
 <h2 id="conformance">
 Conformance</h2>