[giow] (0) Magic alignment fixes

Affected topics: HTML git-svn-id: http://svn.whatwg.org/webapps@7643 340c8d12-0b0e-0410-8428-c7bf67bfef74
whatwg · Jan 17, 2013 · 9e1625d · 9e1625d
1 parent 21d8df6
commit 9e1625d
Show file tree

Hide file tree

Showing 3 changed files with 93 additions and 74 deletions.
diff --git a/complete.html b/complete.html
@@ -59496,18 +59496,23 @@ <h4 id=the-dialog-element><span class=secno>4.11.7 </span>The <dfn><code>dialog<
    <li><p>Let <var title="">dialog</var> be <a href=#magically-aligned>magically
    aligned</a> to <var title="">anchor element</var>.</li>
 
-  </ol><p>While an element <var title="">A</var> is <dfn id=magically-aligned>magically
-  aligned</dfn> to an element <var title="">B</var>, <var title="">A</var> and <var title="">B</var> both have rendered boxes,
-  and <var title="">B</var> is not a descendant of <var title="">A</var>, the following requirements apply:</p>
+  </ol><p>While an element <var title="">A</var> is <dfn id=magically-aligned>magically aligned</dfn> to an element <var title="">B</var>, <var title="">A</var> and <var title="">B</var> both have rendered boxes, <var title="">A</var> and <var title="">B</var> are both in the same <code><a href=#document>Document</a></code>, and <var title="">B</var> is earlier than <var title="">A</var> in <a href=#tree-order>tree order</a>, the following
+  requirements apply:</p>
+
+  <ul><li>
+
+    <p><var title="">A</var>'s 'position' property must compute to the keyword '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>' rather than whatever it would
+    otherwise compute to (i.e. the 'position' property's specified value is ignored).</p>
 
-  <ul><li><p><var title="">A</var>'s 'position' property must compute to
-   the keyword '<dfn id=css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</dfn>'.</li>
+    <p class=note>The '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>'
+    keyword's requirements are described below.</p>
+
+   </li>
 
    <li>
 
-    <p>Let <var title="">A</var> and <var title="">B</var>'s anchor
-    points be defined as per the appropriate entry in the following
-    list:</p>
+    <p>The anchor points for <var title="">A</var> and <var title="">B</var> are defined as per the
+    appropriate entry in the following list:</p>
 
     <dl class=switch><dt>If the computed value of 'anchor-point' is 'none' on both
      <var title="">A</var> and <var title="">B</var>
@@ -59638,25 +59643,24 @@ <h4 id=the-dialog-element><span class=secno>4.11.7 </span>The <dfn><code>dialog<
   However, there are many other cases; e.g. table columns do not have
   boxes (their properties merely affect other boxes).</p>
 
-  <p>When an element's 'position' property must compute to
-  'absolute-anchored', the 'float', property does not apply and must
-  compute to 'none', the 'display' property must compute to a value as
-  described by the table in <a href=http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo>the
-  section of CSS 2.1 describing the <cite>relationships between
-  'display', 'position', and 'float'</cite></a>, and the element's box
-  must be positioned using the rules for absolute positioning but with
-  its static position set such that if the box is positioned in its
-  static position, its anchor point is exactly aligned over the anchor
-  point of the element to which it is <a href=#magically-aligned>magically
+  <p>When an element's 'position' property computes to '<dfn id=css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</dfn>', the 'float' property does not
+  apply and must compute to 'none', the 'display' property must compute to a value as described by
+  the table in <a href=http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo>the section of CSS 2.1
+  describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, and the
+  element's box must be positioned using the rules for absolute positioning but with its static
+  position set such that if the box is positioned in its static position, its anchor point is
+  exactly aligned over the anchor point of the element to which it is <a href=#magically-aligned>magically
   aligned</a>.</p>
 
-  <p class=note>The 'absolute-anchored' keyword is not a keyword
-  that can be specified in CSS; the 'position' property can only
-  compute to this value if the <code><a href=#the-dialog-element>dialog</a></code> element is
-  positioned via the APIs described above.</p>
+  <p>If an element to which another element is anchored changes rendering, the anchored element must
+  be repositioned accordingly. (In other words, the requirements above are live, they are not just
+  calculated once per anchored element.)</p>
 
-<!--TOPIC:DOM APIs-->
-  <p>The <dfn id=dom-dialog-open title=dom-dialog-open><code>open</code></dfn> IDL
+  <p class=note>The '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>'
+  keyword is not a keyword that can be specified in CSS; the 'position' property can only compute to
+  this value if the <code><a href=#the-dialog-element>dialog</a></code> element is positioned via the APIs described above.</p>
+
+  <hr><!--TOPIC:DOM APIs--><p>The <dfn id=dom-dialog-open title=dom-dialog-open><code>open</code></dfn> IDL
   attribute must <a href=#reflect>reflect</a> the <code title=attr-dialog-open><a href=#attr-dialog-open>open</a></code> content attribute.</p>
 <!--TOPIC:HTML-->
 
@@ -105185,6 +105189,7 @@ <h2 class=no-num id=references>References</h2><!--REFS-->
   Mathias Bynens,
   Mathieu Henri,
   Matias Larsson,
+  Matt Falkenhagen,
   Matt Schmidt,
   Matt Wright,
   Matthew Gregan,

diff --git a/index b/index
@@ -59496,18 +59496,23 @@ fur
    <li><p>Let <var title="">dialog</var> be <a href=#magically-aligned>magically
    aligned</a> to <var title="">anchor element</var>.</li>
 
-  </ol><p>While an element <var title="">A</var> is <dfn id=magically-aligned>magically
-  aligned</dfn> to an element <var title="">B</var>, <var title="">A</var> and <var title="">B</var> both have rendered boxes,
-  and <var title="">B</var> is not a descendant of <var title="">A</var>, the following requirements apply:</p>
+  </ol><p>While an element <var title="">A</var> is <dfn id=magically-aligned>magically aligned</dfn> to an element <var title="">B</var>, <var title="">A</var> and <var title="">B</var> both have rendered boxes, <var title="">A</var> and <var title="">B</var> are both in the same <code><a href=#document>Document</a></code>, and <var title="">B</var> is earlier than <var title="">A</var> in <a href=#tree-order>tree order</a>, the following
+  requirements apply:</p>
+
+  <ul><li>
+
+    <p><var title="">A</var>'s 'position' property must compute to the keyword '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>' rather than whatever it would
+    otherwise compute to (i.e. the 'position' property's specified value is ignored).</p>
 
-  <ul><li><p><var title="">A</var>'s 'position' property must compute to
-   the keyword '<dfn id=css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</dfn>'.</li>
+    <p class=note>The '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>'
+    keyword's requirements are described below.</p>
+
+   </li>
 
    <li>
 
-    <p>Let <var title="">A</var> and <var title="">B</var>'s anchor
-    points be defined as per the appropriate entry in the following
-    list:</p>
+    <p>The anchor points for <var title="">A</var> and <var title="">B</var> are defined as per the
+    appropriate entry in the following list:</p>
 
     <dl class=switch><dt>If the computed value of 'anchor-point' is 'none' on both
      <var title="">A</var> and <var title="">B</var>
@@ -59638,25 +59643,24 @@ fur
   However, there are many other cases; e.g. table columns do not have
   boxes (their properties merely affect other boxes).</p>
 
-  <p>When an element's 'position' property must compute to
-  'absolute-anchored', the 'float', property does not apply and must
-  compute to 'none', the 'display' property must compute to a value as
-  described by the table in <a href=http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo>the
-  section of CSS 2.1 describing the <cite>relationships between
-  'display', 'position', and 'float'</cite></a>, and the element's box
-  must be positioned using the rules for absolute positioning but with
-  its static position set such that if the box is positioned in its
-  static position, its anchor point is exactly aligned over the anchor
-  point of the element to which it is <a href=#magically-aligned>magically
+  <p>When an element's 'position' property computes to '<dfn id=css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</dfn>', the 'float' property does not
+  apply and must compute to 'none', the 'display' property must compute to a value as described by
+  the table in <a href=http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo>the section of CSS 2.1
+  describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, and the
+  element's box must be positioned using the rules for absolute positioning but with its static
+  position set such that if the box is positioned in its static position, its anchor point is
+  exactly aligned over the anchor point of the element to which it is <a href=#magically-aligned>magically
   aligned</a>.</p>
 
-  <p class=note>The 'absolute-anchored' keyword is not a keyword
-  that can be specified in CSS; the 'position' property can only
-  compute to this value if the <code><a href=#the-dialog-element>dialog</a></code> element is
-  positioned via the APIs described above.</p>
+  <p>If an element to which another element is anchored changes rendering, the anchored element must
+  be repositioned accordingly. (In other words, the requirements above are live, they are not just
+  calculated once per anchored element.)</p>
 
-<!--TOPIC:DOM APIs-->
-  <p>The <dfn id=dom-dialog-open title=dom-dialog-open><code>open</code></dfn> IDL
+  <p class=note>The '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>'
+  keyword is not a keyword that can be specified in CSS; the 'position' property can only compute to
+  this value if the <code><a href=#the-dialog-element>dialog</a></code> element is positioned via the APIs described above.</p>
+
+  <hr><!--TOPIC:DOM APIs--><p>The <dfn id=dom-dialog-open title=dom-dialog-open><code>open</code></dfn> IDL
   attribute must <a href=#reflect>reflect</a> the <code title=attr-dialog-open><a href=#attr-dialog-open>open</a></code> content attribute.</p>
 <!--TOPIC:HTML-->
 
@@ -105185,6 +105189,7 @@ if (s = prompt('What is your name?')) {
   Mathias Bynens,
   Mathieu Henri,
   Matias Larsson,
+  Matt Falkenhagen,
   Matt Schmidt,
   Matt Wright,
   Matthew Gregan,

diff --git a/source b/source
@@ -69628,23 +69628,29 @@ fur
 
   </ol>
 
-  <p>While an element <var title="">A</var> is <dfn>magically
-  aligned</dfn> to an element <var title="">B</var>, <var
-  title="">A</var> and <var title="">B</var> both have rendered boxes,
-  and <var title="">B</var> is not a descendant of <var
-  title="">A</var>, the following requirements apply:</p>
+  <p>While an element <var title="">A</var> is <dfn>magically aligned</dfn> to an element <var
+  title="">B</var>, <var title="">A</var> and <var title="">B</var> both have rendered boxes, <var
+  title="">A</var> and <var title="">B</var> are both in the same <code>Document</code>, and <var
+  title="">B</var> is earlier than <var title="">A</var> in <span>tree order</span>, the following
+  requirements apply:</p>
 
   <ul>
 
-   <li><p><var title="">A</var>'s 'position' property must compute to
-   the keyword '<dfn
-   title="css-position-absolute-anchored">absolute-anchored</dfn>'.</p></li>
+   <li>
+
+    <p><var title="">A</var>'s 'position' property must compute to the keyword '<span
+    title="css-position-absolute-anchored">absolute-anchored</span>' rather than whatever it would
+    otherwise compute to (i.e. the 'position' property's specified value is ignored).</p>
+
+    <p class="note">The '<span title="css-position-absolute-anchored">absolute-anchored</span>'
+    keyword's requirements are described below.</p>
+
+   </li>
 
    <li>
 
-    <p>Let <var title="">A</var> and <var title="">B</var>'s anchor
-    points be defined as per the appropriate entry in the following
-    list:</p>
+    <p>The anchor points for <var title="">A</var> and <var title="">B</var> are defined as per the
+    appropriate entry in the following list:</p>
 
     <dl class="switch">
 
@@ -69793,23 +69799,25 @@ fur
   However, there are many other cases; e.g. table columns do not have
   boxes (their properties merely affect other boxes).</p>
 
-  <p>When an element's 'position' property must compute to
-  'absolute-anchored', the 'float', property does not apply and must
-  compute to 'none', the 'display' property must compute to a value as
-  described by the table in <a
-  href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">the
-  section of CSS 2.1 describing the <cite>relationships between
-  'display', 'position', and 'float'</cite></a>, and the element's box
-  must be positioned using the rules for absolute positioning but with
-  its static position set such that if the box is positioned in its
-  static position, its anchor point is exactly aligned over the anchor
-  point of the element to which it is <span>magically
+  <p>When an element's 'position' property computes to '<dfn
+  title="css-position-absolute-anchored">absolute-anchored</dfn>', the 'float' property does not
+  apply and must compute to 'none', the 'display' property must compute to a value as described by
+  the table in <a href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo">the section of CSS 2.1
+  describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, and the
+  element's box must be positioned using the rules for absolute positioning but with its static
+  position set such that if the box is positioned in its static position, its anchor point is
+  exactly aligned over the anchor point of the element to which it is <span>magically
   aligned</span>.</p>
 
-  <p class="note">The 'absolute-anchored' keyword is not a keyword
-  that can be specified in CSS; the 'position' property can only
-  compute to this value if the <code>dialog</code> element is
-  positioned via the APIs described above.</p>
+  <p>If an element to which another element is anchored changes rendering, the anchored element must
+  be repositioned accordingly. (In other words, the requirements above are live, they are not just
+  calculated once per anchored element.)</p>
+
+  <p class="note">The '<span title="css-position-absolute-anchored">absolute-anchored</span>'
+  keyword is not a keyword that can be specified in CSS; the 'position' property can only compute to
+  this value if the <code>dialog</code> element is positioned via the APIs described above.</p>
+
+  <hr>
 
 <!--TOPIC:DOM APIs-->
   <p>The <dfn title="dom-dialog-open"><code>open</code></dfn> IDL
@@ -123118,6 +123126,7 @@ if (s = prompt('What is your name?')) {
   Mathias Bynens,
   Mathieu Henri,
   Matias Larsson,
+  Matt Falkenhagen,
   Matt Schmidt,
   Matt Wright,
   Matthew Gregan,