Problemas con menu desplegable en IPhone/IPad

[ryugen]

Mi experiencia con web/apps HTML en iPad y iPhone, me a enseñado, que los elementos HTML del tipo texto no son tocables (touch). Entonces por ejemplo si implemento lo siguiente:

Código HTML:

<input type="checkbox" id="check">
<label for="check">Checkbox</label>
 

Por más que haga un toque (touch) sobre la etiqueta "Checkbox" esta no activara el input como está escrito en la especificación. Esto he leido yo, es porque el elemento no es tocable en Safari. Esto se soluciona de la siguiente manera:

Código HTML:

<input type="checkbox" id="check">
<label for="check" onclick>Checkbox</label>
 

Al agregarle el atributo "onclick" por más que no se le esté pasando ninguna función, se le estará diciendo al navegador que el elemento es tocable.

En sus casos si han implementado un menú con "hover". Deberían al elemento que despliega el menú, asinarle el mismo atributo, digamo como:

Código HTML:

<li class="item-menu" onclick></li>