Discussion on: Create custom keyboard accessible checkboxes

[..]

Hi! great article. But have you tried this out on iPhone? left: -99999px might be considered as out of view port, so clicking on checkbox might not work.

[Lindsey Kopacz]

That's a good point! Need to test it more! Signing into the day job now, but will report back!

[David Prokaj]

clip: rect(0,0,0,0); may solve this instead of left

[Lindsey Kopacz]

Yeah, I used to use clip more, must have slipped my brain.

The good news though is you're thinking about ensuring that the checkbox will work, both minds in the right place :D

[Andrew Bone]

I like doing

[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}