<hr>
<h2 dir="auto">Please do not remove the text below this line</h2>
<p dir="auto">DevTools version: 4.0.2-2bcc6c6</p>
<p dir="auto">Call stack: at n.value (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:11:16552)<br>
at pl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56:293513)<br>
at Ha (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:55890)<br>
at bi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:62939)<br>
at Xl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:99535)<br>
at Hl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:84255)<br>
at Fl (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:81285)<br>
at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:25363<br>
at n.unstable_runWithPriority (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:56:4368)<br>
at kt (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:43:25092)</p>
<p dir="auto">Component stack: in pl<br>
in div<br>
in ml<br>
in div<br>
in div<br>
in Or<br>
in Unknown<br>
in n<br>
in Unknown<br>
in div<br>
in div<br>
in Ua<br>
in le<br>
in ve<br>
in ko<br>
in Fl</p>
<p dir="auto">Chrome, Firefox, Safari, IE and other modern browsers support the notion of a checkbox in an indeterminate state which can be set or cleared using the <code class="notranslate">indeterminate</code> property of a checkbox input node. (It cannot be set using attributes.)</p>
<p dir="auto">This state is most commonly used at the top of a list or tree of checkboxes to indicate that some but not all of the checkboxes underneath are checked.</p>
<p dir="auto">This behavior seems reasonably well-defined in modern Chrome, Firefox, Safari, and IE. If the checkbox's indeterminate property is set, the checkbox renders its indeterminate state regardless of what its checked state is (or if its checked state is programmatically toggled) and clicking on a checkbox clears its indeterminate state.</p>
<p dir="auto">Unfortunately there is a little bit of inconsistency. In Chrome, Firefox, and Safari clicking an indeterminate checkbox clears the indeterminate state and also toggles the checked state (triggering both a change and click event) while in IE it just clears the indeterminate state and leaves the checked state alone (triggering only a click event).</p>
<ul dir="auto">
<li>Should React support an <code class="notranslate">indeterminate</code> prop for checkbox inputs?</li>
<li>Should it be supported for uncontrolled checkboxes (via an <code class="notranslate">defaultIndeterminate</code> or similar prop)?</li>
<li>Should clicking an indeterminate checkbox follow the browser's checked-toggling behavior?</li>
</ul>
<p dir="auto">[Claims above come from playing with <a href="http://jsfiddle.net/3bn73ey5" rel="nofollow">this jsFiddle</a> in Chrome 40, Firefox 35, Safari 7, and IE 11]</p>