[html5] r7644 - [giow] (0) Updates to anchoring for dialogs. Fixing https://www.w3.org/Bugs/Publ [...]
whatwg at whatwg.org
whatwg at whatwg.org
Thu Jan 17 15:45:02 PST 2013
Author: ianh
Date: 2013-01-17 15:45:00 -0800 (Thu, 17 Jan 2013)
New Revision: 7644
Modified:
complete.html
index
source
Log:
[giow] (0) Updates to anchoring for dialogs.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=20418
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2013-01-17 22:47:41 UTC (rev 7643)
+++ complete.html 2013-01-17 23:45:00 UTC (rev 7644)
@@ -59646,11 +59646,14 @@
<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>
+ describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, the
+ element's containing block is the initial containing block, 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>. Elements aligned in this way
+ are <i>absolutely positioned</i>. For the purposes of determining the containing block of other
+ elements, the '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>' keyword must
+ be treated like the 'absolute' keyword.</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
@@ -59660,6 +59663,11 @@
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 class=note>Elements positioned in this way are not clipped by the 'overflow' property of
+ ancestors (nor moved by the resulting scrolling mechanisms). Anchoring to an element that
+ <em>is</em> so clipped (and shifted) can therefore result in unexpected effects (where the
+ anchored element moves along with the clipped element, but isn't itself clipped).</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-->
Modified: index
===================================================================
--- index 2013-01-17 22:47:41 UTC (rev 7643)
+++ index 2013-01-17 23:45:00 UTC (rev 7644)
@@ -59646,11 +59646,14 @@
<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>
+ describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, the
+ element's containing block is the initial containing block, 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>. Elements aligned in this way
+ are <i>absolutely positioned</i>. For the purposes of determining the containing block of other
+ elements, the '<a href=#css-position-absolute-anchored title=css-position-absolute-anchored>absolute-anchored</a>' keyword must
+ be treated like the 'absolute' keyword.</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
@@ -59660,6 +59663,11 @@
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 class=note>Elements positioned in this way are not clipped by the 'overflow' property of
+ ancestors (nor moved by the resulting scrolling mechanisms). Anchoring to an element that
+ <em>is</em> so clipped (and shifted) can therefore result in unexpected effects (where the
+ anchored element moves along with the clipped element, but isn't itself clipped).</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-->
Modified: source
===================================================================
--- source 2013-01-17 22:47:41 UTC (rev 7643)
+++ source 2013-01-17 23:45:00 UTC (rev 7644)
@@ -69803,11 +69803,14 @@
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>
+ describing the <cite>relationships between 'display', 'position', and 'float'</cite></a>, the
+ element's containing block is the initial containing block, 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>. Elements aligned in this way
+ are <i>absolutely positioned</i>. For the purposes of determining the containing block of other
+ elements, the '<span title="css-position-absolute-anchored">absolute-anchored</span>' keyword must
+ be treated like the 'absolute' keyword.</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
@@ -69817,6 +69820,11 @@
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 class="note">Elements positioned in this way are not clipped by the 'overflow' property of
+ ancestors (nor moved by the resulting scrolling mechanisms). Anchoring to an element that
+ <em>is</em> so clipped (and shifted) can therefore result in unexpected effects (where the
+ anchored element moves along with the clipped element, but isn't itself clipped).</p>
+
<hr>
<!--TOPIC:DOM APIs-->
More information about the Commit-Watchers
mailing list