Saya mencoba menerapkan kontrol penggeser pada jenis kartu baru, tetapi tampaknya tidak mungkin untuk menghentikan propagasi peristiwa seret. Akibatnya, ketika saya mencoba menggerakkan penggeser, seluruh kartu malah terseret. Perlu ada cara untuk memberi tahu kartu induk untuk (sementara) menonaktifkan menyeret dan mengubah ukuran kartu.
@canadaduane dapatkah Anda menelepon .preventDefault? Lihatlah bagaimana penanganan penekanan tombol bekerja di sekitar tombol spasi mundur antara editor teks dan papan. Itu mungkin petunjuk bagaimana kita bisa maju di sini.
Ya, saya mencoba preventDefault
dan stopPropagation
(pada onDrag
serta varian lain, seperti onStart
dan onDragStart
hanya untuk menjadi Tentu). Saya tidak terlalu akrab dengan react-draggable
dan DraggableCore
, jadi saya mungkin melewatkan sesuatu.
Tidak terlalu yakin apa yang terjadi dan tidak bisa melihat sampai saya membersihkan piring saya dari hal-hal lain ini. Saya baru-baru ini menjual di react-dragable sebagai bagian dari cabang pemutakhiran dan menghapus sebagian besar. Ini sangat sederhana jika Anda ingin mencari-cari di sana.
Ini adalah WIP dari kartu konten "Let's Putuskan" yang saya tambahkan. Untuk sampai ke keadaan di mana bilah geser ditampilkan, Anda memerlukan 3 pengguna, & setiap pengguna perlu mengklik tombol "Siap untuk Memilih?" tombol jempol. (Seseorang juga harus menambahkan setidaknya satu ide, dan ide tersebut harus pindah ke bagian "Proposal").
https://github.com/canadaduane/pushpin/tree/decision-content
Bisakah Anda memberi saya langkah-langkah untuk mereproduksi apa pun masalah saat ini? Saya tidak bisa berjanji akan memperbaikinya tetapi saya terbuka untuk PR dan setidaknya ingin melihat sekilas.
Oke, ini adalah versi baru yang berfungsi di cabang master baru kami yang "ditingkatkan":
https://github.com/canadaduane/pushpin/tree/upgrade-decision
Cukup buat kartu "Ayo Putuskan", lalu coba gerakkan kenop pada penggeser.
Memikirkan hal ini lebih jauh... Saya mencoba menyorot teks dalam kartu "teks" dan memperhatikan bahwa itu juga menyeret. Saya ingin tahu apakah pendekatan yang lebih baik adalah membuat kartu menjadi jendela mini dengan bilah header yang dapat diseret, daripada membuat seluruh kartu dapat diseret.
Itulah yang kami coba di Farm -- memiliki beberapa manfaat, tetapi banyak memakannya
dari real-estate layar yang langka dan merupakan UX chrome, saya lebih suka melakukannya tanpa jika di
semua mungkin.
Pada Senin, 10 Jun 2019 pukul 08:11 Duane Johnson [email protected]
menulis:
Memikirkan hal ini lebih jauh... Saya mencoba menyorot teks dalam kartu "teks"
melihat bahwa itu menyeret juga. Saya ingin tahu apakah pendekatan yang lebih baik adalah
buat kartu menjadi jendela mini dengan bilah tajuk yang dapat diseret, alih-alih membuat
seluruh kartu dapat ditarik.—
Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBGW63LNMVXH
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.
--
Peter van Hardenberg
San Francisco, California
"Semuanya indah, dan tidak ada yang menyakitkan."—Kurt Vonnegut
Saya setuju itu UX chrome yang kikuk. Mudah-mudahan akan ada semacam jalan tengah yang dapat kita temukan--misalnya, saat kita membuat kolom berfungsi, mungkin menyeret tidak terlalu diperlukan dan kita dapat menyembunyikan pegangan yang dapat diseret di belakang "mode seret". Hanya brainstorming. Sementara itu, mungkin kita bisa mencari cara untuk menonaktifkan drag untuk sementara ;)
Komentar yang paling membantu
Tidak terlalu yakin apa yang terjadi dan tidak bisa melihat sampai saya membersihkan piring saya dari hal-hal lain ini. Saya baru-baru ini menjual di react-dragable sebagai bagian dari cabang pemutakhiran dan menghapus sebagian besar. Ini sangat sederhana jika Anda ingin mencari-cari di sana.