checkbox readonly doesn't work

[rizkytegar]

hello, readonly doesn't work, it's still clickable

<li class="d-inline-block me-2 mb-1">
  <div class="form-check">
      <div class="checkbox">
          <input type="checkbox" id="checkbox1" class="form-check-input" checked readonly>
          <label for="checkbox1">Touch me!</label>
      </div>
  </div>
</li>

source: https://zuramai.github.io/mazer/demo/form-element-checkbox.html