React-dnd: Tidak berfungsi di Firefox

Namun React-dnd berfungsi di Firefox 55.0.2.

tidak berfungsi di 56.0 juga, tidak ada kesalahan yang terjadi. Cukup tidak bisa mengklik dan menyeret sama sekali. berfungsi dengan baik di Chrome

Ada ide yang satu ini?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox: 56.0
Sering kali berhenti bekerja. Apalagi jika banyak tab yang dibuka.

dapatkah seseorang menunjuk ke repositori dengan contoh kasus di mana react-dnd gagal? Saya memiliki aplikasi yang banyak menggunakan react-dnd tetapi saya tidak melihat ada masalah di firefox 56.

juga pastikan untuk menentukan OS yang Anda gunakan, saya telah melihat bahwa baru-baru ini html5 Drag and Drop API mengalami beberapa ketidakkonsistenan di OS yang berbeda

Saya telah mengamati masalah dengan FF 56 di Linux, juga (tidak menguji di Windows atau OSX).

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

Mencoba contoh sederhana itu, sebuah elemen akan bergerak pada posisi maksimal 1 dan kemudian tidak lagi menggeser elemen, jika misalnya, saya mengambil elemen paling bawah dan mencoba memindahkannya ke atas.

Juga dibahas di # 778

Untuk kasus kami - DnD tidak berfungsi di FF, contoh kasus https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html - Saya telah memperbaiki masalah dengan pull request yang saya kirimkan kemarin . Mungkin Anda bisa mencoba dan melaporkan kembali apakah itu menyelesaikan kasus Anda juga.

Masih mengalami masalah pada FF 57.0.1 di Ubuntu 16.04. Saya tidak bisa menyeret & melepas sama sekali, sepertinya acara tarik dimulai tetapi segera dibatalkan setelahnya. Bekerja dengan baik di chrome.

Saya juga memiliki masalah dengan FF dan OSX 10.13.1

Sunting: Saya menemukan masalah lain yang mirip dengan yang ini (https://github.com/react-dnd/react-dnd/issues/778). Periksa untuk lebih jelasnya. Juga mencoba beta FF Nightly (https://nightly.mozilla.org/) dan bugnya hilang. Mungkin ini masalah FF dan bukan react-dnd.

@bayu_joo

Saya masih mengalami masalah di Nightly, tetapi tampaknya lebih banyak kerusakan di aplikasi daripada hanya RDandD. Jadi saya tidak yakin saya percaya itu sebagai indikasi jika FF adalah penyebab sebenarnya dari bug tersebut, dan jika mereka telah memperbaikinya.

@erwinverdonk , dapatkah Anda membagikan perbaikan Anda? apa PR itu?
Bersulang

@ Paddy-Hamilton ya dengan FF Nightly masih muncul beberapa bug. Bekerja dengan chrome dan safari seperti pesona jadi harus menjadi masalah FF. Kasus saya persis seperti yang dilaporkan masalah FF.

@ Paddy-Hamilton: Ya saya lihat tidak ada tautan otomatis di sini, jadi ini tautan ke PR: https://github.com/react-dnd/react-dnd/pull/928

Jadi apakah ada yang tahu apa masalahnya?
Saya menggunakan FF 57.0.4 64bit di Ubuntu 17.04 dan masih tidak berfungsi. Bahkan contoh ini: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

Hai, saya telah menemukan solusi yang berhasil untuk saya. Drag-n-drop saya berfungsi dengan baik di Chrome tetapi tidak berfungsi sama sekali di FF.
Jadi kode saya sebelumnya:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
Dan kemudian:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

Masalahnya masih mereka untuk saya di FF Nightly jadi saya harus mencari alternatif, saya menemukan react-beautiful-dnd dan itu berfungsi seperti pesona di FF serta semua browser utama lainnya, dan memiliki markup yang lebih sedikit daripada react-dnd yang merupakan bonus.

Contoh Catur masih tidak berfungsi di FF 59.0.2

Tutorial catur tidak berfungsi di Linux dengan FF 60.0:

1. Klik dan tahan ksatria
2. Pindah ke kotak yang valid (yang berubah menjadi hijau)
3. Pindah ke kotak yang berdekatan

Hasil yang diharapkan: kotak disorot dengan warna merah
Hasil sebenarnya: kotak hijau tetap disorot, selamanya

Juga: tidak peduli di mana kursor saya berada, melepaskan mouse membatalkan drag.

Apakah Anda di Linux @adamhooper? Saya tidak dapat mereproduksi di OSX

Fedora 28

Saya berharap menginstal pembaruan 3.0.2 hari ini akan memperbaikinya. Sayangnya masih rusak. Saya hanya mengujinya di Linux. Adakah yang mencoba contoh pada sistem operasi yang berbeda?

Pembaruan 3.x terutama ditujukan untuk meningkatkan jenis. Saya tidak memiliki mesin Linux, tetapi jika seseorang dapat mereproduksi ini dan memotong PR, itu akan bagus

Saya akan melihat berbagai alat pengujian lintas-browser yang dapat kita gunakan untuk mengatasi masalah seperti ini. Contoh yang ada seharusnya menjadi dasar yang cukup baik untuk pengujian.

Saya dapat mengonfirmasi bahwa saya hanya melihat masalah ini di Firefox versi Linux. Bekerja dengan baik di Windows.

Jika Anda melihat sortable contoh simple tidak berfungsi, tetapi stress test berfungsi.
Perbedaannya adalah bahwa stress test memperbarui status di dalam requestAnimationFrame .

Menggunakan requestAnimationFrame menyelesaikannya untuk saya.
Firefox untuk Linux.

Oke, itu masuk akal. jadi mungkin ada hubungannya dengan yang konyol
settimeout yang dimaksudkan hanya untuk Firefox. Jika saya memotong cabang dengan
perbaikan yang diusulkan, apakah Anda bersedia npm menautkannya dan mengujinya di Linux?

Pada Sel, 5 Jun 2018, 5:10 pagi Kyriakos Z. [email protected] menulis:

Jika Anda melihat contoh yang dapat diurutkan, sederhana tidak berfungsi, tetapi uji stres
bekerja.
Perbedaannya adalah bahwa stress test memperbarui keadaan di dalam a
requestAnimationFrame.

Menggunakan requestAnimationFrame menyelesaikannya untuk saya.
Firefox di Linux.

-
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino ya tentu saja!

Saya baru saja mengalami masalah serupa.
Meskipun saya sudah memiliki Firefox versi terbaru dan react dnd (di linux).

Apa yang menyebabkan masalah saya adalah bahwa penangan seret saya (komponen dengan ref={props.connectDragSource} ) berada di dalam <Link> dari router react.

Saya tidak tahu mengapa itu menyebabkan masalah tetapi segera setelah saya meletakkannya di luar <Link> , semuanya bekerja dengan baik.

Posting di sini kalau-kalau itu membantu seseorang

Saya mendapat masalah yang sama di Firefox 60.8.0esr di Debian 10.

Memperbarui status di dalam requestAnimationFrame memperbaiki Firefox, tetapi itu membuat penyeretan dan Chrome lamban dan rusak.

Masalah ini secara otomatis ditandai sebagai usang karena tidak ada aktivitas terbaru. Ini akan ditutup jika tidak ada aktivitas lebih lanjut. Terima kasih atas kontribusi Anda.

Tolong jangan tutup ini. Itu masih rusak di Firefox 60.9.0esr.

@SystemParadox OS apa yang Anda gunakan?

Linux (Debian 10). Saya belum sempat mencobanya di Windows tetapi rasanya sangat aneh untuk membuatnya berbeda.

Fedora 30
Semua berfungsi dengan baik di Firefox 69.0.1
Rusak di Firefox Nightly 70.0a1 (21-08-2019)

• Bekerja di 68.10.0esr
• Bekerja di 78.0.2

Jika mereka memecahkannya di 70.0a1 maka tampaknya ini terus rusak karena beberapa alasan, yang agak mengkhawatirkan. Jika rusak lagi maka kita benar-benar perlu membuat kasus uji minimum dan mengirimkan tiket ke firefox devs.