jquery - Flat UI Radiocheck plugin / radio buttons do not toggle (anymore) with iOS 8.4.1 -


i using latest version of flat ui pro 1.3.2 (http://designmodo.com/flat/) , there seems problem jquery plugin flatui-radiocheck v0.1.0 , ios devices.

you can see problem when load demo page: http://designmodo.github.io/flat-ui/

go section "radio buttons" , click on 2 buttons "radio on" , "radio off" toggle radio button. toggling (toggling state "visually" state of radio element in dom) works fine in major desktop browsers (ie, ff, safari (windows)).

however there problem safari on ios (i running latest ios version on iphone 4s, 8.4.1): clicking 2 radio buttons not toggle state anymore!

it seems related (possibly new version of) mobile safari on ios since works fine on desktop browsers.

any idea or on how debug error appreciated!

i using flat ui free (2.2.2) , have discovered same issue.

i not sure why occurring have been able fix tweaking radiocheck plugin.

inside of flat-ui.js radiocheck plugin definition changed:

// adding 'nohover' class mobile devices var mobile = /mobile|tablet|phone|ip(ad|od)|android|silk|webos/i.test(global.navigator.useragent); if (mobile === true) {    $this.parent().hover(function () {       $this.addclass('nohover');    }, function () {       $this.removeclass('nohover');    }); } 

to:

// adding 'nohover' class mobile devices if (/iphone|ipod|ipad/i.test(global.navigator.useragent)) { //fix ios    $this.addclass('nohover'); } else {    var mobile = /mobile|tablet|phone|ip(ad|od)|android|silk|webos/i.test(global.navigator.useragent);    if (mobile === true) {       $this.parent().hover(function () {          $this.addclass('nohover');       }, function () {          $this.removeclass('nohover');       });    }     } 

i don't use checkboxes don't know if effected change.


Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -