Skip to content

Commit

Permalink
[giow] (3) Match reality better for :active, even though this is subo…
Browse files Browse the repository at this point in the history
…ptimal UI-wise.

Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=27247
Affected topics: CSS, HTML

git-svn-id: https://svn.whatwg.org/webapps@8873 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Jan 6, 2015
1 parent 0c2a14b commit 933b9a6
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 8 deletions.
13 changes: 9 additions & 4 deletions complete.html
Expand Up @@ -51119,6 +51119,11 @@ <h4 id=pseudo-classes>4.15.2 Pseudo-classes</h4>

<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>
Expand All @@ -51138,7 +51143,7 @@ <h4 id=pseudo-classes>4.15.2 Pseudo-classes</h4>

<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>
Expand All @@ -51152,12 +51157,12 @@ <h4 id=pseudo-classes>4.15.2 Pseudo-classes</h4>

<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>

Expand Down
13 changes: 9 additions & 4 deletions index
Expand Up @@ -51119,6 +51119,11 @@ contradict people?

<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>
Expand All @@ -51138,7 +51143,7 @@ contradict people?

<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>
Expand All @@ -51152,12 +51157,12 @@ contradict people?

<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>

Expand Down
7 changes: 7 additions & 0 deletions source
Expand Up @@ -67296,6 +67296,13 @@ contradict people?

</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>
Expand Down

0 comments on commit 933b9a6

Please sign in to comment.