In the current checkboxes, the circular checkbox needs to be precisely clicked. I want to be able to click anywhere in the row to select and unselect the checkboxes.
In my codepen (the second group in it) I put the text inside of label tags but it looks bad (not nicely formatted with css) and I can’t select the checkbox if I click to the right of the text.
The radio buttons work in a similar way to how I want the checkboxes to work:
To choose a radio you can click anywhere in the row…
Though there is a lot of markup… I prefer using ion-radio
The last item in my codepen is ion-checkbox ( http://ionicframework.com/docs/api/directive/ionCheckbox/ )
Even though the checkbox text is inside of the ion-checkbox tags clicking on the text does nothing.
I’d like this to be fixed please. If the whole row can’t be clickable I’d at least like the label to be clickable.