JSFiddle - React, Tailwind, and code Playground

by Jonas

HTML

<form>
  <label for="the-checkbox" class="prevent-selection">
    <input type="checkbox" id="the-checkbox">
    Checkbox label
  </label>
  <p>
    In Firefox 62.0.3 shift-click on the checkbox label will not toggle the checkbox state. However, shift-click directly on the checkbox will do.
  </p>
  <p>
    Chrome, Safari and even Edge work as expected.
  </p>
</form>

CSS

.prevent-selection {
          user-select: none;
      -ms-user-select: none;
     -moz-user-select: none;
  -webkit-user-select: none;
}