Dragula funktioniert nicht auf Touch-Geräten

Question

Ich vermisse wahrscheinlich etwas offensichtlich, aber ich kann Dragula nicht mit jedem iOS-Browser arbeiten. Ich mache nichts Besonderes und die Dokumente und Probleme auf Github scheinen keine Einblicke für das Debuggen zu bieten.

Ich habe die folgende Codezeile in einer componentDidMount Funktion bekommt:

dragula([document.querySelector('#left'), document.querySelector('#right')]) 

Nichts Besonderes an diesen Elementen, nur 2 <ul> s.

ich ein Ansichtsfenster Regel zu meinem HTML hinzugefügt haben:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> 

ich auch versucht habe, für die HTML-Elemente auf die CSS einige Touch-Regeln hinzufügen, die ziehbar sein sollte (so Textauswahl ist deaktiviert):

-webkit-touch-callout: none; 
     -webkit-user-select: none; 
     -khtml-user-select: none; 
     -moz-user-select: none; 
      -ms-user-select: none; 
       user-select: none; 

Ich habe es geschafft, das Problem auf Macs iOS-Simulator zu replizieren. Wenn ich versuche zu ziehen, scrollt es die Seite herum, anstatt die dnd-Funktion zu aktivieren.

Beachten Sie, dass auf dem Desktop alles einwandfrei funktioniert.

Was tun?

Answer 1

Hmmm ... sieht so aus, als würde man verhindern, dass das Fenster herum scrollt und den Trick behebt. Wenn Sie sich nicht darüber, dass Funktionen touchmove angebracht egal dann behebt das das Problem:

window.addEventListener('touchmove', function() {})