[html5] r8704 - [giow] (2) Change how we define what happens when radio buttons are clicked but [...]

[whatwg at whatwg.org]

Author: ianh
Date: 2014-08-04 15:25:28 -0700 (Mon, 04 Aug 2014)
New Revision: 8704

Modified:
   complete.html
   index
   source
Log:
[giow] (2) Change how we define what happens when radio buttons are clicked but the event is canceled
Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=25254
Affected topics: HTML

Modified: complete.html
===================================================================
--- complete.html	2014-08-04 22:05:49 UTC (rev 8703)
+++ complete.html	2014-08-04 22:25:28 UTC (rev 8704)
@@ -35055,24 +35055,31 @@
    whatever reason).<li>The element's <code id="radio-button-state-(type=radio):attr-fe-name-5"><a href=#attr-fe-name>name</a></code> attribute is set, changed, or
    removed.<li>The element's <a href=#form-owner id="radio-button-state-(type=radio):form-owner-3">form owner</a> changes.<li><a href=#signal-a-type-change id="radio-button-state-(type=radio):signal-a-type-change">A type change is signalled</a> for the element.</ul>
 
-  <p>If the element is <i id="radio-button-state-(type=radio):concept-fe-mutable"><a href=#concept-fe-mutable>mutable</a></i>, then: The <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps">pre-click
-  activation steps</a> consist of setting the element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-6">checkedness</a> to true. The <a href=#canceled-activation-steps id="radio-button-state-(type=radio):canceled-activation-steps">canceled activation steps</a>
-  consist of setting the element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-7">checkedness</a> to false.
-  The <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior">activation behavior</a> is to <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event">fire a simple event</a> that bubbles named
-  <code id="radio-button-state-(type=radio):event-input-input"><a href=#event-input-input>input</a></code> at the element and then <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event-2">fire a simple
-  event</a> that bubbles named <code id="radio-button-state-(type=radio):event-input-change"><a href=#event-input-change>change</a></code> at the element.
-  .</p>
+  <p>If the element <var>R</var> is <i id="radio-button-state-(type=radio):concept-fe-mutable"><a href=#concept-fe-mutable>mutable</a></i>, then: The
+  <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps">pre-click activation steps</a> for <var>R</var> consist of getting a reference to the
+  element in <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-4">radio button group</a> that has its <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-6">checkedness</a> set to true, if any, and then setting
+  <var>R</var>'s <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-7">checkedness</a> to true. The <a href=#canceled-activation-steps id="radio-button-state-(type=radio):canceled-activation-steps">canceled
+  activation steps</a> for <var>R</var> consist of checking if the element to which a reference
+  was obtained in the <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps-2">pre-click activation steps</a>, if any, is still in what is now
+  <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-5">radio button group</a>, if it still has one, and if so, setting that
+  element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-8">checkedness</a> to true; or else, if there was no
+  such element, or that element is no longer in <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-6">radio button group</a>, or
+  if <var>R</var> no longer has a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-7">radio button group</a>, setting <var>R</var>'s <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-9">checkedness</a> to false. The <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior">activation behavior</a> for
+  <var>R</var> is to <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event">fire a simple event</a> that bubbles named <code id="radio-button-state-(type=radio):event-input-input"><a href=#event-input-input>input</a></code> at <var>R</var> and then <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event-2">fire a simple event</a>
+  that bubbles named <code id="radio-button-state-(type=radio):event-input-change"><a href=#event-input-change>change</a></code> at <var>R</var>. </p>
 
+  
+
   <p>If the element is not <i id="radio-button-state-(type=radio):concept-fe-mutable-2"><a href=#concept-fe-mutable>mutable</a></i>, it has no <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior-2">activation
   behavior</a>.</p>
 
-  <p><strong>Constraint validation</strong>: If an element in the <i id="radio-button-state-(type=radio):radio-button-group-4"><a href=#radio-button-group>radio button group</a></i> is <i id="radio-button-state-(type=radio):concept-input-required"><a href=#concept-input-required>required</a></i>, and all of the <code id="radio-button-state-(type=radio):the-input-element-8"><a href=#the-input-element>input</a></code> elements in the
-  <i id="radio-button-state-(type=radio):radio-button-group-5"><a href=#radio-button-group>radio button group</a></i> have a <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-8">checkedness</a> that is
+  <p><strong>Constraint validation</strong>: If an element in the <i id="radio-button-state-(type=radio):radio-button-group-8"><a href=#radio-button-group>radio button group</a></i> is <i id="radio-button-state-(type=radio):concept-input-required"><a href=#concept-input-required>required</a></i>, and all of the <code id="radio-button-state-(type=radio):the-input-element-8"><a href=#the-input-element>input</a></code> elements in the
+  <i id="radio-button-state-(type=radio):radio-button-group-9"><a href=#radio-button-group>radio button group</a></i> have a <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-10">checkedness</a> that is
   false, then the element is <a href=#suffering-from-being-missing id="radio-button-state-(type=radio):suffering-from-being-missing">suffering from being missing</a>.</p>
 
   
 
-  <p class=note>If none of the radio buttons in a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-6">radio button group</a> are checked when
+  <p class=note>If none of the radio buttons in a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-10">radio button group</a> are checked when
   they are inserted into the document, then they will all be initially unchecked in the interface,
   until such time as one of them is checked (either by the user or by script).</p>
 

Modified: index
===================================================================
--- index	2014-08-04 22:05:49 UTC (rev 8703)
+++ index	2014-08-04 22:25:28 UTC (rev 8704)
@@ -35055,24 +35055,31 @@
    whatever reason).<li>The element's <code id="radio-button-state-(type=radio):attr-fe-name-5"><a href=#attr-fe-name>name</a></code> attribute is set, changed, or
    removed.<li>The element's <a href=#form-owner id="radio-button-state-(type=radio):form-owner-3">form owner</a> changes.<li><a href=#signal-a-type-change id="radio-button-state-(type=radio):signal-a-type-change">A type change is signalled</a> for the element.</ul>
 
-  <p>If the element is <i id="radio-button-state-(type=radio):concept-fe-mutable"><a href=#concept-fe-mutable>mutable</a></i>, then: The <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps">pre-click
-  activation steps</a> consist of setting the element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-6">checkedness</a> to true. The <a href=#canceled-activation-steps id="radio-button-state-(type=radio):canceled-activation-steps">canceled activation steps</a>
-  consist of setting the element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-7">checkedness</a> to false.
-  The <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior">activation behavior</a> is to <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event">fire a simple event</a> that bubbles named
-  <code id="radio-button-state-(type=radio):event-input-input"><a href=#event-input-input>input</a></code> at the element and then <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event-2">fire a simple
-  event</a> that bubbles named <code id="radio-button-state-(type=radio):event-input-change"><a href=#event-input-change>change</a></code> at the element.
-  .</p>
+  <p>If the element <var>R</var> is <i id="radio-button-state-(type=radio):concept-fe-mutable"><a href=#concept-fe-mutable>mutable</a></i>, then: The
+  <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps">pre-click activation steps</a> for <var>R</var> consist of getting a reference to the
+  element in <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-4">radio button group</a> that has its <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-6">checkedness</a> set to true, if any, and then setting
+  <var>R</var>'s <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-7">checkedness</a> to true. The <a href=#canceled-activation-steps id="radio-button-state-(type=radio):canceled-activation-steps">canceled
+  activation steps</a> for <var>R</var> consist of checking if the element to which a reference
+  was obtained in the <a href=#pre-click-activation-steps id="radio-button-state-(type=radio):pre-click-activation-steps-2">pre-click activation steps</a>, if any, is still in what is now
+  <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-5">radio button group</a>, if it still has one, and if so, setting that
+  element's <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-8">checkedness</a> to true; or else, if there was no
+  such element, or that element is no longer in <var>R</var>'s <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-6">radio button group</a>, or
+  if <var>R</var> no longer has a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-7">radio button group</a>, setting <var>R</var>'s <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-9">checkedness</a> to false. The <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior">activation behavior</a> for
+  <var>R</var> is to <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event">fire a simple event</a> that bubbles named <code id="radio-button-state-(type=radio):event-input-input"><a href=#event-input-input>input</a></code> at <var>R</var> and then <a href=#fire-a-simple-event id="radio-button-state-(type=radio):fire-a-simple-event-2">fire a simple event</a>
+  that bubbles named <code id="radio-button-state-(type=radio):event-input-change"><a href=#event-input-change>change</a></code> at <var>R</var>. </p>
 
+  
+
   <p>If the element is not <i id="radio-button-state-(type=radio):concept-fe-mutable-2"><a href=#concept-fe-mutable>mutable</a></i>, it has no <a href=#activation-behavior id="radio-button-state-(type=radio):activation-behavior-2">activation
   behavior</a>.</p>
 
-  <p><strong>Constraint validation</strong>: If an element in the <i id="radio-button-state-(type=radio):radio-button-group-4"><a href=#radio-button-group>radio button group</a></i> is <i id="radio-button-state-(type=radio):concept-input-required"><a href=#concept-input-required>required</a></i>, and all of the <code id="radio-button-state-(type=radio):the-input-element-8"><a href=#the-input-element>input</a></code> elements in the
-  <i id="radio-button-state-(type=radio):radio-button-group-5"><a href=#radio-button-group>radio button group</a></i> have a <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-8">checkedness</a> that is
+  <p><strong>Constraint validation</strong>: If an element in the <i id="radio-button-state-(type=radio):radio-button-group-8"><a href=#radio-button-group>radio button group</a></i> is <i id="radio-button-state-(type=radio):concept-input-required"><a href=#concept-input-required>required</a></i>, and all of the <code id="radio-button-state-(type=radio):the-input-element-8"><a href=#the-input-element>input</a></code> elements in the
+  <i id="radio-button-state-(type=radio):radio-button-group-9"><a href=#radio-button-group>radio button group</a></i> have a <a href=#concept-fe-checked id="radio-button-state-(type=radio):concept-fe-checked-10">checkedness</a> that is
   false, then the element is <a href=#suffering-from-being-missing id="radio-button-state-(type=radio):suffering-from-being-missing">suffering from being missing</a>.</p>
 
   
 
-  <p class=note>If none of the radio buttons in a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-6">radio button group</a> are checked when
+  <p class=note>If none of the radio buttons in a <a href=#radio-button-group id="radio-button-state-(type=radio):radio-button-group-10">radio button group</a> are checked when
   they are inserted into the document, then they will all be initially unchecked in the interface,
   until such time as one of them is checked (either by the user or by script).</p>
 

Modified: source
===================================================================
--- source	2014-08-04 22:05:49 UTC (rev 8703)
+++ source	2014-08-04 22:25:28 UTC (rev 8704)
@@ -45303,15 +45303,29 @@
 
   </ul>
 
-  <p>If the element is <i data-x="concept-fe-mutable">mutable</i>, then: The <span>pre-click
-  activation steps</span> consist of setting the element's <span
-  data-x="concept-fe-checked">checkedness</span> to true. The <span>canceled activation steps</span>
-  consist of setting the element's <span data-x="concept-fe-checked">checkedness</span> to false.
-  The <span>activation behavior</span> is to <span>fire a simple event</span> that bubbles named
-  <code data-x="event-input-input">input</code> at the element and then <span>fire a simple
-  event</span> that bubbles named <code data-x="event-input-change">change</code> at the element.
-  <!-- It's not cancelable. Once this fires, the control is checked, end of story. -->.</p>
+  <p>If the element <var>R</var> is <i data-x="concept-fe-mutable">mutable</i>, then: The
+  <span>pre-click activation steps</span> for <var>R</var> consist of getting a reference to the
+  element in <var>R</var>'s <span>radio button group</span> that has its <span
+  data-x="concept-fe-checked">checkedness</span> set to true, if any, and then setting
+  <var>R</var>'s <span data-x="concept-fe-checked">checkedness</span> to true. The <span>canceled
+  activation steps</span> for <var>R</var> consist of checking if the element to which a reference
+  was obtained in the <span>pre-click activation steps</span>, if any, is still in what is now
+  <var>R</var>'s <span>radio button group</span>, if it still has one, and if so, setting that
+  element's <span data-x="concept-fe-checked">checkedness</span> to true; or else, if there was no
+  such element, or that element is no longer in <var>R</var>'s <span>radio button group</span>, or
+  if <var>R</var> no longer has a <span>radio button group</span>, setting <var>R</var>'s <span
+  data-x="concept-fe-checked">checkedness</span> to false. The <span>activation behavior</span> for
+  <var>R</var> is to <span>fire a simple event</span> that bubbles named <code
+  data-x="event-input-input">input</code> at <var>R</var> and then <span>fire a simple event</span>
+  that bubbles named <code data-x="event-input-change">change</code> at <var>R</var>. <!-- It's not
+  cancelable. Once this fires, the control is checked, end of story. --></p>
 
+  <!--
+    http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=3094
+    http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=3095
+    http://software.hixie.ch/utilities/js/live-dom-viewer/?saved=3096
+  -->
+
   <p>If the element is not <i data-x="concept-fe-mutable">mutable</i>, it has no <span>activation
   behavior</span>.</p>