Solvedmaterialize Can't check RadioButtons or Checkbox inside input-fields div

Actually it's impossible to use checkboxes and radio-buttons inside the input-field div.

I created the following CodePen to show the problem and solution.

They simply don't works

PR: #5061

19 Answers

✔️Accepted Answer

The best solution is to not wrap the checkboxes in the .input-field class.

Another solution is to add

.input-field label {
  pointer-events: auto;

Other Answers:

Fixed in v1-dev, the temporary fix for this is to not put checkboxes and radio buttons inside input-field

More Issues: