React-dnd: Funktioniert nicht in Firefox

React-dnd funktioniert jedoch in Firefox 55.0.2.

funktioniert auch nicht in 56.0, es werden keine Fehler ausgegeben. Einfach nicht klicken und ziehen. funktioniert gut in Chrome

Irgendwelche Ideen dazu?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox: 56,0
Oft hört es auf zu arbeiten. Besonders wenn viele Registerkarten geöffnet sind.

Kann jemand auf ein Repository mit einem Beispielfall verweisen, in dem reag-dnd fehlschlägt? Ich habe eine App, die viel React-Dnd verwendet, aber ich sehe kein Problem in Firefox 56.

Stellen Sie außerdem sicher, dass Sie das von Ihnen verwendete Betriebssystem angeben. Ich habe festgestellt, dass die HTML5-Drag & Drop-API kürzlich einige Inkonsistenzen in verschiedenen Betriebssystemen aufweist

Ich habe auch Probleme mit FF 56 unter Linux beobachtet (nicht unter Windows oder OSX getestet).

http://react-dnd.github.io/react-dnd/examples-sortable-simple.html

Wenn ich dieses einfache Beispiel versuche, bewegt sich ein Element um maximal 1 Position und verschiebt dann keine Elemente mehr. Wenn ich zum Beispiel das untere Element greife und versuche, es nach oben zu bewegen.

Wird auch in # 778 besprochen

Für unseren Fall - DnD funktioniert nicht in FF, Beispielfall https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html - habe ich das Problem mit der gestern eingereichten Pull-Anfrage behoben . Vielleicht könnten Sie versuchen, zu berichten, ob es auch Ihren Fall löst.

Immer noch Probleme mit FF 57.0.1 unter Ubuntu 16.04. Ich kann überhaupt nicht ziehen und ablegen, anscheinend beginnt das Drag-Event, wird aber sofort danach abgebrochen. Funktioniert gut in Chrom.

Ich habe auch Probleme mit FF und OSX 10.13.1

Bearbeiten: Ich habe ein ähnliches Problem gefunden (https://github.com/react-dnd/react-dnd/issues/778). Überprüfen Sie es für weitere Details. Habe auch die Beta FF Nightly (https://nightly.mozilla.org/) ausprobiert und die Bugs sind verschwunden. Vielleicht ist dies ein FF-Problem und nicht eine Reaktion.

@yankopetrov

Ich habe immer noch Probleme mit Nightly, aber es scheint in der App viel mehr zu brechen als nur RDandD. Ich bin mir also nicht sicher, ob ich darauf vertraue, ob FF die eigentliche Ursache des Fehlers ist und ob sie ihn behoben haben.

@erwinverdonk , könnten Sie Ihren Fix teilen? Was war die PR?
Prost

@ Paddy-Hamilton ja mit FF Nightly erscheinen noch einige Bugs. Arbeiten mit Chrom und Safari wie ein Zauber, sollte also ein FF-Problem sein. Mein Fall ist genau der in der gemeldeten FF-Ausgabe.

@ Paddy-Hamilton: Ja, ich sehe, dass es hier nicht automatisch verlinkt wurde, also hier ist der Link zu PR: https://github.com/react-dnd/react-dnd/pull/928

Weiß jemand, worum es geht?
Ich verwende FF 57.0.4 64bit unter Ubuntu 17.04 und es funktioniert immer noch nicht. Auch dieses Beispiel: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

Hallo, ich habe eine Problemumgehung gefunden, die für mich funktioniert hat. Mein Drag-and-Drop hat in Chrome gut funktioniert, aber in FF überhaupt nicht.
Also mein Code vorher:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
Und danach:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

Das Problem war immer noch das Problem für mich in FF Nightly, also musste ich nach Alternativen suchen. Ich bin auf React-Beautiful-Dnd gestoßen. Es funktioniert wie ein Zauber in FF und allen anderen wichtigen Browsern und hat weniger Markup als React-Dnd Das ist ein Bonus.

Das Schachbeispiel funktioniert in FF 59.0.2 immer noch nicht

Das Schach-Tutorial funktioniert unter Linux mit FF 60.0 nicht:

1. Klicke und halte den Ritter
2. Bewegen Sie sich zu einem gültigen Quadrat (eines, das grün darstellt).
3. Gehe zu einem angrenzenden Quadrat

Erwartete Ergebnisse: Das Quadrat wird rot hervorgehoben
Tatsächliche Ergebnisse: Das grüne Quadrat bleibt für immer hervorgehoben

Außerdem: Egal auf welchem ​​Quadrat sich mein Cursor befindet, durch Loslassen der Maus wird das Ziehen abgebrochen.

Bist du unter Linux @adamhooper? Ich kann nicht in OSX reproduzieren

Fedora 28

Ich hatte gehofft, dass die Installation des heutigen 3.0.2-Updates das Problem beheben würde. Leider ist es immer noch kaputt. Ich habe jedoch nur unter Linux getestet. Hat jemand das Beispiel auf einem anderen Betriebssystem ausprobiert?

Die 3.x-Updates zielen hauptsächlich auf die Verbesserung der Typen ab. Ich habe keine Linux-Maschine, aber wenn jemand dies reproduzieren und eine PR schneiden kann, wäre das großartig

Ich werde mich mit verschiedenen browserübergreifenden Testtools befassen, mit denen wir solche Probleme erkennen können. Die vorhandenen Beispiele sollten eine ziemlich gute Basis für Tests sein.

Ich kann bestätigen, dass ich dieses Problem nur in der Linux-Version von Firefox gesehen habe. Funktioniert gut unter Windows.

Wenn Sie sich die sortable Beispiele ansehen, funktioniert simple nicht, aber stress test funktioniert.
Der Unterschied besteht darin, dass stress test den Status innerhalb eines requestAnimationFrame aktualisiert.

Die Verwendung von requestAnimationFrame löst es für mich.
Firefox für Linux.

Verstanden, das macht Sinn. also hat es wahrscheinlich etwas mit dem doof zu tun
Settimeouts, die nur für Firefox gedacht waren. Wenn ich einen Ast mit einem schneide
vorgeschlagenes Update, wären Sie bereit, es mit npm zu verknüpfen und unter Linux zu testen?

Am Dienstag, 5. Juni 2018, 05:10 Uhr schrieb Kyriakos Z. [email protected] :

Wenn Sie sich die sortierbaren Beispiele ansehen, funktioniert einfach nicht, aber Stresstest
funktioniert.
Der Unterschied besteht darin, dass der Stresstest den Zustand innerhalb von a aktualisiert
requestAnimationFrame.

Die Verwendung von requestAnimationFrame löst es für mich.
Firefox unter Linux.

- -
Sie erhalten dies, weil Sie kommentiert haben.
Antworte direkt auf diese E-Mail und sieh sie dir auf GitHub an
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
oder schalten Sie den Thread stumm
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino ja natürlich!

Ich bin gerade auf ein ähnliches Problem gestoßen.
Obwohl ich bereits die neuesten Versionen von Firefox hatte und dnd reagiere (unter Linux).

Was mein Problem verursachte, war, dass sich mein Drag-Handler (Komponente mit ref={props.connectDragSource} ) in einem <Link> vom Reaktionsrouter befand.

Ich weiß nicht, warum es das Problem verursacht hat, aber sobald ich es außerhalb von <Link> , hat alles gut funktioniert.

Hier posten, falls es jemandem hilft

Ich habe das gleiche Problem in Firefox 60.8.0esr unter Debian 10.

Das Aktualisieren des Status in requestAnimationFrame behebt das Problem für Firefox, macht das Ziehen und Chrome jedoch träge und fehlerhaft.

Dieses Problem wurde automatisch als veraltet markiert, da es in letzter Zeit keine Aktivitäten gab. Es wird geschlossen, wenn keine weitere Aktivität stattfindet. Vielen Dank für Ihre Beiträge.

Bitte schließen Sie dies nicht. Es ist immer noch in Firefox 60.9.0esr kaputt.

@ SystemParadox Welches Betriebssystem verwenden Sie?

Linux (Debian 10). Ich hatte noch keine Gelegenheit, es unter Windows zu versuchen, aber es scheint sehr seltsam, dass es anders ist.

Fedora 30
In Firefox 69.0.1 funktioniert alles einwandfrei
In Firefox Nightly 70.0a1 (21.08.2019) gebrochen

• Funktioniert in 68.10.0esr
• Funktioniert in 78.0.2

Wenn sie es in 70.0a1 gebrochen haben, dann scheint es, dass dies aus irgendeinem Grund immer wieder bricht, was ein bisschen besorgniserregend ist. Wenn es wieder kaputt geht, müssen wir wirklich einen minimalen Testfall erstellen und ein Ticket an die Firefox-Entwickler senden.