React-dnd: Firefox에서 작동하지 않음

그러나 React-dnd는 Firefox 55.0.2에서 작동합니다.

56.0에서도 작동하지 않으며 오류가 발생하지 않습니다. 단순히 클릭하고 드래그 할 수 없습니다. Chrome에서 잘 작동합니다.

이것에 대한 아이디어가 있습니까?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox : 56.0
종종 작동을 멈 춥니 다. 특히 많은 탭이 열려있는 경우.

누군가 react-dnd가 실패한 샘플 케이스가있는 저장소를 가리킬 수 있습니까? react-dnd를 많이 사용하는 앱이 있지만 firefox 56에서는 문제가 없습니다.

또한 사용중인 OS를 지정하십시오. 최근 html5 Drag and Drop API가 다른 OS에서 일부 불일치가 있음을 확인했습니다.

Linux에서도 FF 56 문제를 관찰했습니다 (Windows 또는 OSX에서 테스트하지 않음).

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

이 간단한 예제를 시도해 보면 요소는 최대 1 위치에서 이동 한 다음 더 이상 요소를 이동하지 않습니다. 예를 들어 아래쪽 요소를 잡고 위쪽으로 이동하려고합니다.

# 778에서도 논의 됨

우리의 경우-DnD가 FF에서 작동하지 않음, 예제 케이스 https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html- 어제 제출 한 pull 요청으로 문제를 수정했습니다. . 아마도 그것이 당신의 사건을 해결하는지 다시보고 할 수있을 것입니다.

Ubuntu 16.04의 FF 57.0.1에 여전히 문제가 있습니다. 드래그 앤 드롭이 전혀 안되고 드래그 이벤트가 시작된 것 같지만 곧바로 취소됩니다. 크롬에서 잘 작동합니다.

FF 및 OSX 10.13.1에도 문제가 있습니다.

편집 :이 문제와 유사한 다른 문제를 발견했습니다 (https://github.com/react-dnd/react-dnd/issues/778). 자세한 내용은 그것을 확인하십시오. 또한 베타 FF Nightly (https://nightly.mozilla.org/)를 시도했는데 버그가 사라졌습니다. 아마도 이것은 FF 문제이며 react-dnd가 아닙니다.

헉헉

Nightly에서 여전히 문제가 발생하고 있지만 RDandD보다 앱에서 훨씬 더 많은 문제가 발생하는 것 같습니다. 따라서 FF가 버그의 실제 원인인지 여부와 버그가 수정되었는지 여부를 표시로 신뢰하지 않습니다.

@erwinverdonk , 수정 사항을 공유 할 수 있습니까? PR은 무엇입니까?
건배

@ Paddy-Hamilton yes with FF Nightly 여전히 몇 가지 버그가 나타납니다. 매력처럼 크롬과 사파리로 작업하기 때문에 FF 문제가되어야합니다. 제 경우는보고 된 FF 문제의 경우와 똑같습니다.

@ Paddy-Hamilton : 예, 여기에 자동 연결되지 않았으므로 여기 PR에 대한 링크가 있습니다. https://github.com/react-dnd/react-dnd/pull/928

그래서 누구든지 문제가 무엇인지 압니까?
Ubuntu 17.04에서 FF 57.0.4 64 비트를 사용하고 있는데 여전히 작동하지 않습니다. 이 예도 : http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

안녕하세요, 저에게 효과가있는 일종의 해결 방법을 찾았습니다. 내 드래그 앤 드롭은 Chrome에서 잘 작동했지만 FF에서는 전혀 작동하지 않았습니다.
그래서 내 코드는 다음과 같습니다.
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
그리고 이후 :
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

트윗 담아 가기

문제는 여전히 FF Nightly에서 저에게 있었기 때문에 대안을 찾아야했고 react-beautiful-dnd 를 발견했으며 FF 및 다른 모든 주요 브라우저에서 매력처럼 작동하며 react-dnd보다 마크 업이 적습니다. 보너스입니다.

Chess 예제는 FF 59.0.2에서 여전히 작동하지 않습니다.

체스 튜토리얼은 FF 60.0을 사용하는 Linux에서 작동하지 않습니다.

1. 기사를 길게 클릭
2. 유효한 사각형 (녹색으로 렌더링되는 사각형)으로 이동합니다.
3. 인접한 광장으로 이동

예상 결과 : 사각형이 빨간색으로 강조 표시됨
실제 결과 : 녹색 사각형은 계속 강조 표시됩니다.

또한 커서가 어떤 사각형에 있든 마우스를 놓으면 드래그가 취소됩니다.

Ae you on Linux @adamhooper? OSX에서 재현 할 수 없습니다.

페도라 28

오늘의 3.0.2 업데이트를 설치하면 문제가 해결되기를 바랐습니다. 불행히도 여전히 고장났습니다. 그러나 Linux에서만 테스트했습니다. 다른 운영 체제에서 예제를 시도한 사람이 있습니까?

3.x 업데이트는 주로 유형 개선을 목표로했습니다. 나는 리눅스 머신이 없지만 누군가 이것을 재현하고 PR을 잘라낼 수 있다면 좋을 것입니다.

이와 같은 문제를 포착하는 데 사용할 수있는 다양한 브라우저 간 테스트 도구를 살펴 보겠습니다. 기존 예제는 테스트를위한 꽤 좋은 기준이되어야합니다.

이 문제는 Firefox의 Linux 버전에서만 확인되었습니다. Windows에서 잘 작동합니다.

sortable 예제를 보면 simple 는 작동하지 않지만 stress test 는 작동합니다.
차이점은 stress test 이 requestAnimationFrame 내부의 상태를 업데이트한다는 것입니다.

requestAnimationFrame 사용하면 문제가 해결됩니다.
Linux 용 Firefox.

알겠습니다. 그래서 아마도 구피와 관련이있을 것입니다.
Firefox 전용으로 고안된 settimeouts. 내가 가지를 자르면
제안 된 수정 사항, npm을 연결하고 Linux에서 테스트 할 의향이 있습니까?

2018 년 6 월 5 일 화요일 오전 5시 10 분 Kyriakos Z. [email protected] 은 다음과 같이 썼습니다.

정렬 가능한 예제를 보면 간단하게 작동하지 않지만 스트레스 테스트
공장.
차이점은 스트레스 테스트가 내부 상태를 업데이트한다는 것입니다.
requestAnimationFrame.

requestAnimationFrame을 사용하면 문제가 해결됩니다.
Linux의 Firefox.

—
댓글을 달았 기 때문에 수신 한 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino 예 물론입니다!

비슷한 문제가 발생했습니다.
이미 최신 버전의 Firefox가 있고 (리눅스에서) 반응합니다.

내 문제의 원인은 내 드래그 핸들러 ( ref={props.connectDragSource} 구성 요소)가 반응 라우터의 <Link> 내부에 있다는 것입니다.

나는 그것이 문제를 일으키는 이유를 모르겠지만 <Link> 외부에 두 자마자 모든 것이 잘 작동했습니다.

누군가에게 도움이되는 경우 여기에 게시

Debian 10의 Firefox 60.8.0esr에서 동일한 문제가 있습니다.

requestAnimationFrame 내부의 상태를 업데이트하면 Firefox에서 문제가 해결되지만 드래그와 Chrome이 느려지고 깨집니다.

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 발생하지 않으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.

이것을 닫지 마십시오. Firefox 60.9.0esr에서는 여전히 손상되었습니다.

@SystemParadox 어떤 OS를 사용하고 있습니까?

Linux (Debian 10). 아직 Windows에서 사용해 볼 기회가 없었지만 다른 점이 매우 이상해 보입니다.

페도라 30
모두 Firefox 69.0.1에서 잘 작동합니다.
Firefox Nightly 70.0a1에서 깨짐 (2019-08-21)

• 68.10.0esr에서 작동
• 78.0.2에서 작동

그들이 70.0a1에서 그것을 깨뜨렸다면 이것이 어떤 이유로 계속 깨지는 것처럼 보일 것입니다. 다시 깨지면 최소한의 테스트 케이스를 만들고 파이어 폭스 개발자에게 티켓을 제출해야합니다.