KonvaJS: Impossible de preventDefault passive à l'intérieur de l'écouteur d'événement en raison de la cible d'être traités comme des passifs

Je suis en utilisant le [email protected] bibliothèque (avec [email protected] et réagissent-konva) construire un simple jeu en 2D.

Lors du test de l'application dans google Chrome, tout est bien. Cependant, quand j'ouvre les Outils de Dev et de l'interrupteur de l'Appareil de la Barre d'outils (pour voir l'application sur le mobile de la taille des fenêtres d'affichage), je reçois un avertissement de:

Unable to preventDefault inside passive event listener due to target being treated as passive. 
See https://www.chromestatus.com/features/5093566007214080

J'ai lu le lien et fait des recherches sur la {passive: true} option pour AddEventListener. Cependant, je ne suis pas la possibilité d'appeler directement AddEventListener dans mon code, tout est abstrait par Konva et de Réagir.

Aussi, aucun des événements de clic attaché à la Konva généré toile sont des éléments de travail en Mode de l'Appareil. Si je quitte l'Appareil de la Barre d'outils tout fonctionne bien et en cliquant sur des éléments fonctionne comme prévu.

Comment puis-je activer le passif des écouteurs d'événement Konva/Réagir? (Et est-ce même la solution?)

  • Je ne suis pas sûr de l'endroit où ces erreurs sont viennent de. Mais pour permettre d'événement tactile soutien dont vous avez besoin pour ajouter toucher les auditeurs dans votre code. E. g. ajouter "onClick" et "onTap".
  • J'ai été en utilisant onClick précédemment. Dois-je remplacer ceux (ou ajouter) onTap? Faut-il le Tappable paquet?
  • Vous n'avez pas besoin d'autres paquets. Vous avez juste besoin d'ajouter plus d'auditeurs (les événements tactiles et les événements de la souris sont les différents événements Konva).
  • J'ai naïvement remplacés une onClick avec onTap et tout a commencé à travailler avec aucune erreur. Je ne suis pas exigeant un paquet qui gère onTap donc je ne comprends pas comment c'est même le travail.
  • Vous pouvez en lire plus à propos des événements en Konva ici konvajs.github.io/docs/events/Desktop_and_Mobile.html (et dans d'autres "événements" tutoriels). Liste de TOUS les événements que vous pouvez lire ici: konvajs.github.io/api/Konva.Forme.html#sur
InformationsquelleAutor Brett DeWoody | 2017-02-13
  1. 1

    J'avais eu le même message d'erreur du navigateur de la console, j'avais visé lien: https://github.com/bevacqua/dragula/issues/468
    et mise à jour touch-action propriété CSS, Il fonctionne très bien!

    InformationsquelleAutor Code Arthur
  2. -1

    Désolé pour la peine, c'est une modification importante dans Chrome 56 à améliorer de défilement de la performance. Vous avez probablement besoin d'ajouter un touch-action La règle CSS désactiver explicitement touche de défilement.

    • ajouter à où et à quel élément?
    InformationsquelleAutor Rick Byers