<p dir="auto">A checkbox is checked if one clicks on the white space to the right from its label.  We have checkboxes that control billing stuff and people are being charged by mistake because of this issue.</p>
<p dir="auto">The issue appears in all browsers.<br>
Is there a way to fix it in the library? If not - is there a simple workaround for this?</p>
<p dir="auto">Thank you.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/7e7fc4e097c6b059b55583bd4cd05cf28c446a31a734cca839627c6d3c67062e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3838303431312f3135343935352f65623565396261652d373632662d313165322d393432652d6661366632633663393236352e706e67"><img src="https://camo.githubusercontent.com/7e7fc4e097c6b059b55583bd4cd05cf28c446a31a734cca839627c6d3c67062e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3838303431312f3135343935352f65623565396261652d373632662d313165322d393432652d6661366632633663393236352e706e67" alt="checkbox_click_area" data-canonical-src="https://f.cloud.github.com/assets/880411/154955/eb5e9bae-762f-11e2-942e-fa6f2c6c9265.png" style="max-width: 100%;"></a></p>
<p dir="auto"><a href="https://developer.mozilla.org/en-US/docs/HTML/Element/fieldset" rel="nofollow">In HTML5, <code class="notranslate">&lt;fieldset&gt;</code> gains support for the <code class="notranslate">disabled</code> attribute</a>, allowing you to disable an entire fieldset at once. However, Bootstrap does not seem to style all input elements under disabled fieldsets appropriately; some aren't grayed-out like individually disabled input elements. They should be.</p>