Transitions css3, délai iphone, perf android

Bonjour à tous.

J'essaie de faire un menu en CSS3 pour un site sur mobile, mais je rencontre quelques déconvenues.

Démo

Sur iPhone tout d'abord, le délai de 300ms lors du "tap" sur un menu fait que c'est parfois le mauvais menu qui est activé.
Ex : faites "Menu 1" puis "Menu 2", ce sera le lien "B2" qui sera ouvert.

Sur Android, les transitions CSS3 font littéralement freezer la page, et ce dès l'ouverture du menu.

Dans les 2 cas, il suffit que je retire les transitions pour que tout fonctionne parfaitement. Néanmoins j'aimerais bien que ça fonctionne aussi avec les transitions...

Merci d'avance pour vos réponses.

J'ai remarqué la même chose.

Perso j'active de base l'accélération matérielle via css. Puis je mets des media queries avec comme condition une largeur d'écran minimum pour certaines animations gourmandes en ressources matérielles.

J'utilise déjà translate3d(x,y,z) pour activer l'accélération matérielle, malheureusement ça ne change rien.

Je sais, cela ne règle pas tout. J'ai le même problème sur mon site, et j'utilise le même type d'animation, à quelque chose près (en responsive).