Safari Mobile e le label non cliccabili

Tanto per cambiare, anche oggi stavo impazzendo con un problema su Safari Mobile. Mi serviva fare in modo che dei radio button fossero cliccabili anche utilizzando la rispettiva label. Niente di più facile, visto che esiste l’attributo “for” per il tag “label”, in cui si può indicare l’id del radio che si vuole associare.

Peccato che non funzioni su Safari Mobile. Un pò di ricerche hanno confermato che è un problema noto e che ci sono un pò di soluzioni alternative. Quella che ho trovato più comoda è quella di Mattew Pennell: http://www.thewatchmakerproject.com/blog/how-to-fix-the-broken-ipad-form-label-click-issue/

E’ una soluzione in JavaScript, non è elegantissima, ma quella alternativa in jQuery non ne voleva sapere di funzionare.. per cui di necessità virtù. Adesso ho dei fantastici radio selezionabili anche da chi ha delle dita grosse, semplicemente toccando il testo della label 😉

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.