jQuery popup/modal issue

Question

Je travaille sur une application mobile écrite en HTML/CSS/PHP/jQuery, testée sur Android (Gingerbread) et sur le bureau Chrome.

J'ai une boîte modale, un ensemble de div à afficher centré au-dessus du contenu quand un lien est cliqué. Entre ce div et le reste des couches est une autre div qui grise l'écran. Dans le div supérieur est un formulaire avec un seul contrôle, un select/dropdown.

Le problème que j'ai est de toucher la liste déroulante. Si je ne suis pas parfaitement précis (et parfois quand je le suis), l'écran indique un contact sur un lien sous les divs.

Le lien ne charge pas, mais il interfère encore avec la convivialité, le grand temps.

Est-ce que quelqu'un sait ce que je peux faire pour éviter cela?

Answer 1

Je ne connais pas l'aspect tactile; peut-être que le navigateur sur l'appareil mobile a un comportement différent de celui des navigateurs de bureau complets. Mais en général, l'arrêt de la propagation sur la boîte de dialogue modale aide-t-il? Ou est-ce ce que vous faites déjà?

$('.modal').click(function(event) { 
    event.stopPropagation(); 
}); 

(où .modal est votre propre sélecteur pour cette boîte)