Problemas con menu desplegable en IPhone/IPad

[NUCKLEAR]

Iniciado por 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>
 

Por mas que he buscado no he encontrado referencias sobre ese atributo "onclick" que mencionas, podrias indicar donde esta documentado y bajo que condiciones(navegadores moviles) funciona?

Por cierto he probado al menos en Firefox android, Opera android y el propio navegador de Android y si funciona al presionar sobre el label se activa el checkbox sin tener ese atributo....

Saludos.