Bizarre scintillement sur l'application Ionic, fonctionnant sur iOS 9

Question

J'ai créé une application pour Android et iOS en utilisant Phonegap et Ionic Framework, elle marche parfaitement sur Android mais elle a un problème sur iOS spécialement avec l'iPhone 5 et l'iPad (Cela fonctionne bien sur iPhone 6 et 4). Lorsque vous appuyez sur un bouton qui fait le tour d'un bouton de retour, l'animation de retour est affichée, mais dans l'immédiat le retour à la section où le bouton arrière a été enregistré. Cela n'arrive que sur une section, le backbutton fonctionne parfaitement sur les autres sections.

L'élément HTML est le suivant:

<a class="button button-icon button-positive button-positive icon ion-arrow-left-c" ng-click="atras()"> 

La fonction appelée est « atras » qui est ce qui suit (Situé dans le contrôleur du modèle):

$scope.atras = function() { 
     $ionicHistory.goBack(); 
}; 

une idée de comment pourrais-je résoudre cela? Merci beaucoup pour vos réponses!

Answer 1

Plus précisément, il y a un patch notable pour Ionic UIWebView qui est construit sur iOS9. Sans ce patch, vous rencontrerez un problème de scintillement lorsque vous appuyez sur certains boutons de retour dans la barre de navigation. Veuillez appliquer ngIOS9UIWebViewPatch pour votre projet, c'est terminé.

https://gist.github.com/IgorMinar/863acd413e3925bf282c

http://blog.ionic.io/ios-9-potential-breaking-change/

Answer 2

Malheureusement iOS 9 a quelques bugs avec window.location qui ont un impact sur le router-ui et aussi quelques liens href vides <a href="#"> comme le vôtre.

Jetez un oeil à ces articles du blog de ionique:

• Preparing for iOS 9
• iOS 9 Potential Breaking Change

Vous y trouverez le lien vers le iOS9 patch for angular et ce pour Disable App Transport Security in iOS 9

Answer 3

Ajouter ces deux propriétés pour éviter les effets de vacillement:

-webkit-transform-style: preserve-3d; 
-webkit-backface-visibility: hidden; 

Appliquer aussi vacillante des éléments qui ne sont pas en cours d'animation pour la même solution.