[html5] r8873 - [giow] (3) Match reality better for :active, even though this is suboptimal UI-w [...]

[whatwg at whatwg.org]

Author: ianh
Date: 2015-01-06 15:33:59 -0800 (Tue, 06 Jan 2015)
New Revision: 8873

Modified:
   complete.html
   index
   source
Log:
[giow] (3) Match reality better for :active, even though this is suboptimal UI-wise.
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=27247
Affected topics: CSS, HTML

Modified: complete.html
===================================================================
--- complete.html	2015-01-06 22:52:43 UTC (rev 8872)
+++ complete.html	2015-01-06 23:33:59 UTC (rev 8873)
@@ -51119,6 +51119,11 @@
 
       <p>An element that has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class.</p>
 
+     <li>
+
+      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+      currently matching <a href=#selector-active id=pseudo-classes:selector-active-4>:active</a>.</p>
+
      </ul>
 
    <dt><dfn id=selector-hover><code>:hover</code></dfn><dd>
@@ -51138,7 +51143,7 @@
 
      <li>
 
-      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control-2>labeled control</a> of a <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element that is
       currently matching <a href=#selector-hover id=pseudo-classes:selector-hover-3>:hover</a>.</p>
 
      </ul>
@@ -51152,12 +51157,12 @@
 
      <p>If the user designates the element with ID "<code>a</code>" with their pointing
      device, then the <code id=pseudo-classes:the-p-element><a href=#the-p-element>p</a></code> element (and all its ancestors not shown in the snippet above),
-     the <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
+     the <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
      with ID "<code>c</code>" will match the <a href=#selector-hover id=pseudo-classes:selector-hover-4>:hover</a>
      pseudo-class. The element with ID "<code>a</code>" matches it from condition 1, the
-     <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
+     <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
      descendants is designated), and the element with ID "<code>c</code>" matches it
-     through condition 3 (its <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
+     through condition 3 (its <code id=pseudo-classes:the-label-element-5><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
      does <em>not</em> match <a href=#selector-hover id=pseudo-classes:selector-hover-6>:hover</a>: its descendant is not
      designated, even though it matches <a href=#selector-hover id=pseudo-classes:selector-hover-7>:hover</a>.</p>
 

Modified: index
===================================================================
--- index	2015-01-06 22:52:43 UTC (rev 8872)
+++ index	2015-01-06 23:33:59 UTC (rev 8873)
@@ -51119,6 +51119,11 @@
 
       <p>An element that has a descendant that is currently matching the <code id=pseudo-classes:selector-active-3><a href=#selector-active>:active</a></code> pseudo-class.</p>
 
+     <li>
+
+      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+      currently matching <a href=#selector-active id=pseudo-classes:selector-active-4>:active</a>.</p>
+
      </ul>
 
    <dt><dfn id=selector-hover><code>:hover</code></dfn><dd>
@@ -51138,7 +51143,7 @@
 
      <li>
 
-      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control>labeled control</a> of a <code id=pseudo-classes:the-label-element><a href=#the-label-element>label</a></code> element that is
+      <p>An element that is the <a href=#labeled-control id=pseudo-classes:labeled-control-2>labeled control</a> of a <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element that is
       currently matching <a href=#selector-hover id=pseudo-classes:selector-hover-3>:hover</a>.</p>
 
      </ul>
@@ -51152,12 +51157,12 @@
 
      <p>If the user designates the element with ID "<code>a</code>" with their pointing
      device, then the <code id=pseudo-classes:the-p-element><a href=#the-p-element>p</a></code> element (and all its ancestors not shown in the snippet above),
-     the <code id=pseudo-classes:the-label-element-2><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
+     the <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> element, the element with ID "<code>a</code>", and the element
      with ID "<code>c</code>" will match the <a href=#selector-hover id=pseudo-classes:selector-hover-4>:hover</a>
      pseudo-class. The element with ID "<code>a</code>" matches it from condition 1, the
-     <code id=pseudo-classes:the-label-element-3><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
+     <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> and <code id=pseudo-classes:the-p-element-2><a href=#the-p-element>p</a></code> elements match it because of condition 2 (one of their
      descendants is designated), and the element with ID "<code>c</code>" matches it
-     through condition 3 (its <code id=pseudo-classes:the-label-element-4><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
+     through condition 3 (its <code id=pseudo-classes:the-label-element-5><a href=#the-label-element>label</a></code> element matches <a href=#selector-hover id=pseudo-classes:selector-hover-5>:hover</a>). However, the element with ID "<code>b</code>"
      does <em>not</em> match <a href=#selector-hover id=pseudo-classes:selector-hover-6>:hover</a>: its descendant is not
      designated, even though it matches <a href=#selector-hover id=pseudo-classes:selector-hover-7>:hover</a>.</p>
 

Modified: source
===================================================================
--- source	2015-01-06 22:52:43 UTC (rev 8872)
+++ source	2015-01-06 23:33:59 UTC (rev 8873)
@@ -67296,6 +67296,13 @@
 
      </li>
 
+     <li>
+
+      <p>An element that is the <span>labeled control</span> of a <code>label</code> element that is
+      currently matching <span data-x="selector-active">:active</span>.</p>
+
+     </li>
+
     </ul>
 
    </dd>