iOS 9 radio button



I just wanted to share a fix that we have to release for iOS 9 + angularJS + ionic 1.0.0-beta.14.

Radio button style that we were using.


Problem we show in ios 9
Radio button was selected but will not show the check mark. only when we tap on other item, it will show up on the previous item. For example, if i tap on item 1, and then tap on item 2, check mark will show up on item 1. and them if i tap on item 3, check mark will show up for item 1 as well as item 2.

However the code will understand that the final item selected by user is item 3.

So clearly this was issue with CSS. Here is how i fixed the issue.

.item-radio input:checked + div + i{
/* show the checkmark icon when its checked */
visibility: visible; }

I know this is not the best solution but it worked for me. I wanted to see if anyone else had this issue and if so, how did you fixed it.

Hope this helps someone else.


This is a known issue and was fixed in nightly.