Pushpin: Nonaktifkan acara seret untuk kartu tertentu

Dibuat pada 3 Jun 2019  ·  9Komentar  ·  Sumber: automerge/pushpin

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.

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.

Semua 9 komentar

@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 ;)

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

edrex picture edrex  ·  7Komentar

Gozala picture Gozala  ·  9Komentar

Gozala picture Gozala  ·  13Komentar

radio-alice picture radio-alice  ·  7Komentar

pvh picture pvh  ·  4Komentar