React-dnd: Não funciona no Firefox

No entanto, o React-dnd funciona no Firefox 55.0.2.

também não está funcionando no 56.0, sem erros. Simplesmente incapaz de clicar e arrastar. funciona bem no Chrome

Alguma ideia sobre este?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox: 56.0
Muitas vezes, para de funcionar. Especialmente se muitas guias forem abertas.

alguém pode apontar para um repositório com um caso de amostra em que o react-dnd está falhando? Eu tenho um aplicativo que usa muito o react-dnd, mas não vejo nenhum problema no firefox 56.

Além disso, certifique-se de especificar o sistema operacional que você está usando, eu vi que recentemente a API html5 Drag and Drop está apresentando algumas inconsistências em diferentes sistemas operacionais

Também observei problemas com FF 56 no Linux (não testei no Windows ou OSX).

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

Tentando esse exemplo simples, um elemento se moverá no máximo 1 posição e não mais deslocará elementos, se, por exemplo, eu pegar o elemento inferior e tentar movê-lo para cima.

Também discutido em # 778

Para o nosso caso - DnD não funciona no FF, exemplo de caso https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html - Corrigi o problema com a solicitação de pull que enviei ontem . Talvez você possa tentar relatar se isso também resolve o seu caso.

Ainda tendo problemas no FF 57.0.1 no Ubuntu 16.04. Não consigo arrastar e soltar de jeito nenhum, parece que o evento de arrastar começa, mas é cancelado imediatamente depois. Funciona bem em cromo.

Eu também tenho problemas com FF e OSX 10.13.1

Edit: encontrei outro problema semelhante a este (https://github.com/react-dnd/react-dnd/issues/778). Verifique para mais detalhes. Também tentei o beta FF Nightly (https://nightly.mozilla.org/) e os bugs desapareceram. Talvez este seja um problema de FF e não uma reação-dnd.

@yankopetrov

Ainda estou tendo problemas no Nightly, mas parece quebrar muito mais no aplicativo do que apenas RDandD. Portanto, não tenho certeza se confio nisso como uma indicação se FF é a verdadeira causa do bug, e se eles o corrigiram.

@erwinverdonk , você poderia compartilhar sua correção? qual foi o PR?
Felicidades

@ Paddy-Hamilton sim com FF Nightly ainda aparecem alguns bugs. Trabalhar com cromo e safári como um encanto, então deve ser uma questão FF. Meu caso é exatamente o da edição FF relatada.

@ Paddy-Hamilton: Sim, vejo que não foi criado um link automático aqui, então aqui está o link para PR: https://github.com/react-dnd/react-dnd/pull/928

Alguém sabe qual é o problema?
Estou usando o FF 57.0.4 64 bits no Ubuntu 17.04 e ainda não está funcionando. Mesmo este exemplo: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

Olá, encontrei uma solução alternativa que funcionou para mim. Meu arrastar e soltar funcionou bem no Chrome, mas não funcionou no FF.
Então, meu código antes:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
E depois:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

O problema ainda era para mim no FF Nightly, então eu tive que procurar alternativas, me deparei com o react-beautiful-dnd e funciona muito bem no FF, assim como em todos os outros navegadores principais, e tem menos marcação do que o react-dnd o que é um bônus.

O exemplo do Chess ainda não funciona no FF 59.0.2

O tutorial de xadrez não funciona no Linux com FF 60.0:

1. Clique e segure o cavaleiro
2. Mova-se para um quadrado válido (um que fique verde)
3. Mover para um quadrado adjacente

Resultados esperados: o quadrado é destacado em vermelho
Resultados reais: o quadrado verde fica em destaque, para sempre

Além disso: não importa em qual quadrado meu cursor está, soltar o mouse cancela o arrasto.

Você está no Linux @adamhooper? Não consigo reproduzir no OSX

Fedora 28

Eu esperava que a instalação da atualização 3.0.2 de hoje resolvesse o problema. Infelizmente, ainda está quebrado. No entanto, testei apenas no Linux. Alguém já experimentou o exemplo em um sistema operacional diferente?

As atualizações 3.x têm como objetivo principal melhorar os tipos. Eu não tenho uma máquina Linux, mas se alguém puder reproduzir isso e fazer um PR, seria ótimo

Vou dar uma olhada em diferentes ferramentas de teste entre navegadores que podemos usar para detectar problemas como este. Os exemplos existentes devem ser uma linha de base muito boa para testes.

Posso confirmar que só vi esse problema na versão Linux do Firefox. Funciona bem no Windows.

Se você olhar para os sortable exemplos simple não funciona, mas stress test funciona.
A diferença é que stress test está atualizando o estado dentro de um requestAnimationFrame .

Usar requestAnimationFrame resolve isso para mim.
Firefox para Linux.

Entendi, isso faz sentido. então provavelmente é algo a ver com o pateta
settimeouts que se destinavam apenas ao Firefox. Se eu cortar um galho com um
correção proposta, você estaria disposto a npm vinculá-la e testá-la no Linux?

Na terça-feira, 5 de junho de 2018, 5h10, Kyriakos Z. [email protected] escreveu:

Se você olhar os exemplos classificáveis, o simples não funciona, mas o teste de estresse
trabalho.
A diferença é que o teste de estresse está atualizando o estado dentro de um
requestAnimationFrame.

Usar requestAnimationFrame resolve isso para mim.
Firefox no Linux.

-
Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino sim, claro!

Acabei de ter um problema semelhante.
Embora eu já tenha as últimas versões do Firefox e reaja dnd (no linux).

O que estava causando meu problema era que meu manipulador de arrasto (componente com ref={props.connectDragSource} ) estava dentro de um <Link> do roteador react.

Não sei por que estava causando o problema, mas assim que coloquei fora de <Link> , tudo funcionou bem.

Postando aqui caso ajude alguém

Eu tenho o mesmo problema no Firefox 60.8.0esr no Debian 10.

Atualizar o estado dentro de requestAnimationFrame corrige para o Firefox, mas torna o arrastar e o Chrome lento e quebrado.

Este problema foi marcado automaticamente como obsoleto porque não teve atividades recentes. Ele será fechado se nenhuma outra atividade ocorrer. Obrigado por suas contribuições.

Por favor, não feche isto. Ele ainda está quebrado no Firefox 60.9.0esr.

@SystemParadox Qual sistema operacional você está usando?

Linux (Debian 10). Ainda não tive a oportunidade de experimentar no Windows, mas parece muito estranho que seja diferente.

Fedora 30
Tudo funciona bem no Firefox 69.0.1
Quebrado no Firefox Nightly 70.0a1 (21/08/2019)

• Funciona em 68.10.0esr
• Funciona em 78.0.2

Se eles quebraram em 70.0a1, parece que isso continua quebrando por algum motivo, o que é um pouco preocupante. Se ele quebrar novamente, então realmente precisamos criar um caso de teste mínimo e enviar um tíquete para os desenvolvedores do firefox.