React-dnd: Ne fonctionne pas dans Firefox

React-dnd fonctionne cependant dans Firefox 55.0.2.

ne fonctionne pas non plus dans 56.0, aucune erreur n'est générée. Tout simplement incapable de cliquer et de faire glisser du tout. fonctionne bien dans Chrome

Des idées sur celui-ci?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox: 56,0
Arrête souvent de fonctionner. Surtout si de nombreux onglets sont ouverts.

quelqu'un peut-il pointer vers un référentiel avec un exemple de cas dans lequel react-dnd échoue? J'ai une application qui utilise beaucoup react-dnd mais je ne vois aucun problème dans Firefox 56.

Assurez-vous également de spécifier le système d'exploitation que vous utilisez, j'ai vu que récemment, l'API html5 Drag and Drop présente des incohérences dans différents systèmes d'exploitation

J'ai également observé des problèmes avec FF 56 sous Linux (je n'ai pas testé sur Windows ou OSX).

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

En essayant cet exemple simple, un élément se déplacera à une position maximale, puis ne décalera plus les éléments, si par exemple, je saisis l'élément du bas et essaie de le déplacer vers le haut.

Également discuté dans # 778

Pour notre cas - DnD ne fonctionne pas dans FF, exemple de cas https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html - J'ai résolu le problème avec la pull request que j'ai soumise hier . Peut-être pourriez-vous essayer de dire si cela résout également votre cas.

Problèmes persistants sur FF 57.0.1 sur Ubuntu 16.04. Je ne suis pas du tout capable de glisser-déposer, il semble que l'événement de glisser commence mais s'annule immédiatement après. Fonctionne très bien en chrome.

J'ai aussi des problèmes avec FF et OSX 10.13.1

Edit: J'ai trouvé un autre problème similaire à celui-ci (https://github.com/react-dnd/react-dnd/issues/778). Vérifiez-le pour plus de détails. Également essayé la bêta FF Nightly (https://nightly.mozilla.org/) et les bogues ont disparu. Peut-être que c'est un problème FF et non react-dnd.

@yankopetrov

Je rencontre toujours des problèmes dans Nightly, mais cela semble casser beaucoup plus dans l'application que RDandD. Donc, je ne suis pas sûr que je fais confiance à cela comme une indication si FF est la vraie cause du bogue, et s'ils l'ont corrigé.

@erwinverdonk , pourriez-vous partager votre solution? quel était le PR?
à votre santé

@ Paddy-Hamilton oui avec FF Nightly encore quelques bugs apparaissent. Travailler avec chrome et safari comme un charme devrait donc être un problème FF. Mon cas est exactement celui du problème FF signalé.

@ Paddy-Hamilton: Oui, je vois qu'il n'y a pas de lien automatique ici, alors voici le lien vers PR: https://github.com/react-dnd/react-dnd/pull/928

Alors, est-ce que quelqu'un sait quel est le problème?
J'utilise FF 57.0.4 64 bits sur Ubuntu 17.04 et cela ne fonctionne toujours pas. Même cet exemple: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

Salut, j'ai trouvé une sorte de solution de contournement qui a fonctionné pour moi. Mon glisser-déposer fonctionnait bien dans Chrome mais ne fonctionnait pas du tout dans FF.
Donc mon code avant:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
Et après:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

Le problème était toujours le leur pour moi dans FF Nightly, alors j'ai dû chercher des alternatives, je suis tombé sur react-beautiful-dnd et cela fonctionne comme un charme dans FF ainsi que tous les autres principaux navigateurs, et a moins de balisage que react-dnd ce qui est un bonus.

L'exemple d'échecs ne fonctionne toujours pas dans FF 59.0.2

Le tutoriel d'échecs ne fonctionne pas sous Linux avec FF 60.0:

1. Cliquez et maintenez le chevalier
2. Déplacer vers un carré valide (celui qui devient vert)
3. Déplacer vers une case adjacente

Résultats attendus: le carré est surligné en rouge
Résultats réels: le carré vert reste en surbrillance, pour toujours

Aussi: quelle que soit la case sur laquelle se trouve le curseur, relâcher la souris annule le glissement.

Êtes-vous sur Linux @adamhooper? Je ne peux pas reproduire sous OSX

Fedora 28

J'espérais que l'installation de la mise à jour 3.0.2 d'aujourd'hui résoudrait le problème. Malheureusement, il est toujours cassé. Cependant, je n'ai testé que sur Linux. Quelqu'un a-t-il essayé l'exemple sur un système d'exploitation différent?

Les mises à jour 3.x ont été principalement destinées à améliorer les types. Je n'ai pas de machine Linux, mais si quelqu'un peut reproduire ceci et faire un PR, ce serait génial

Je vais examiner différents outils de test multi-navigateurs que nous pouvons utiliser pour détecter des problèmes comme celui-ci. Les exemples existants devraient être une très bonne base de référence pour les tests.

Je peux confirmer que je n'ai vu ce problème que sur la version Linux de Firefox. Fonctionne très bien sur Windows.

Si vous regardez les sortable exemples simple ne fonctionne pas, mais stress test fonctionne.
La différence est que stress test met à jour l'état dans un requestAnimationFrame .

Utiliser requestAnimationFrame résout pour moi.
Firefox pour Linux.

Compris, cela a du sens. donc c'est probablement quelque chose à voir avec le goofy
règlements qui étaient destinés uniquement à Firefox. Si je coupe une branche avec un
solution proposée, seriez-vous prêt à le lier par npm et à le tester sur Linux?

Le mar 5 juin 2018 à 5 h 10, Kyriakos Z. [email protected] a écrit:

Si vous regardez les exemples triables, simple ne fonctionne pas, mais test de résistance
travaux.
La différence est que le test de résistance met à jour l'état à l'intérieur d'un
requestAnimationFrame.

L'utilisation de requestAnimationFrame le résout pour moi.
Firefox sur Linux.

-
Vous recevez ceci parce que vous avez commenté.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino ouais bien sûr!

Je viens de rencontrer un problème similaire.
Bien que j'avais déjà les dernières versions de Firefox et réagisse dnd (sous linux).

Ce qui causait mon problème était que mon gestionnaire de glisser (composant avec ref={props.connectDragSource} ) était à l'intérieur d'un <Link> du routeur de réaction.

Je ne sais pas pourquoi cela causait le problème, mais dès que je l'ai mis en dehors des <Link> , tout fonctionnait bien.

Publier ici au cas où cela aiderait quelqu'un

J'ai le même problème dans Firefox 60.8.0esr sur Debian 10.

La mise à jour de l'état dans requestAnimationFrame corrige pour Firefox, mais cela rend le glissement et Chrome lent et cassé.

Ce problème a été automatiquement marqué comme obsolète car il n'a pas eu d'activité récente. Il sera fermé si aucune autre activité n'a lieu. Merci pour vos contributions.

Veuillez ne pas fermer ceci. Il est toujours cassé dans Firefox 60.9.0esr.

@SystemParadox Quel système d'exploitation utilisez-vous?

Linux (Debian 10). Je n'ai pas encore eu la chance de l'essayer sous Windows, mais il semble très étrange que ce soit différent.

Fedora 30
Tout fonctionne bien dans Firefox 69.0.1
Cassé dans Firefox Nightly 70.0a1 (21/08/2019)

• Fonctionne dans 68.10.0esr
• Fonctionne en 78.0.2

S'ils l'ont cassé en 70.0a1, il semblerait que cela continue de se casser pour une raison quelconque, ce qui est un peu inquiétant. S'il se brise à nouveau, nous devons vraiment créer un cas de test minimum et soumettre un ticket aux développeurs de Firefox.