Pushpin: Drag-Events für bestimmte Karten deaktivieren

Erstellt am 3. Juni 2019  ·  9Kommentare  ·  Quelle: automerge/pushpin

Ich versuche, ein Schieberegler-Steuerelement für einen neuen Kartentyp zu implementieren, aber es scheint unmöglich, die Ausbreitung von Drag-Ereignissen zu stoppen. Wenn ich versuche, den Schieberegler zu bewegen, wird daher stattdessen die gesamte Karte gezogen. Es muss eine Möglichkeit geben, der übergeordneten Karte mitzuteilen, dass sie das Ziehen und Ändern der Größe der Karte (vorübergehend) deaktivieren soll.

Hilfreichster Kommentar

Ich bin mir nicht sicher, was los ist, und kann nicht nachsehen, bis ich meinen Teller von diesem anderen Zeug geleert habe. Ich habe kürzlich React-Dragable als Teil des Upgrade-Zweigs angeboten und das meiste davon gelöscht. Es ist ganz einfach, wenn Sie dort herumstöbern möchten.

Alle 9 Kommentare

@canadaduane kannst du .preventDefault aufrufen? Sehen Sie sich an, wie die Handhabung von Tastendrücken um die Rücktaste herum zwischen Texteditor und Board funktioniert. Das könnte ein Hinweis darauf sein, wie wir hier weiterkommen könnten.

Ja, ich habe versucht, sowohl preventDefault als auch stopPropagation (auf onDrag sowie andere Varianten wie onStart und onDragStart zu sein sicher). Ich bin jedoch nicht besonders vertraut mit react-draggable und DraggableCore , also übersehe ich vielleicht etwas.

Ich bin mir nicht sicher, was los ist, und kann nicht nachsehen, bis ich meinen Teller von diesem anderen Zeug geleert habe. Ich habe kürzlich React-Dragable als Teil des Upgrade-Zweigs angeboten und das meiste davon gelöscht. Es ist ganz einfach, wenn Sie dort herumstöbern möchten.

Hier ist ein WIP der Inhaltskarte "Let's Decide", die ich hinzufüge. Um zu dem Zustand zu gelangen, in dem die Schieberegler angezeigt werden, benötigen Sie 3 Benutzer, und jeder Benutzer muss auf die Schaltfläche "Bereit zur Abstimmung?" Daumen hoch. (Jemand muss außerdem mindestens eine Idee hinzufügen, und die Idee muss in den Abschnitt „Vorschläge“ verschoben werden).

https://github.com/canadaduane/pushpin/tree/decision-content

Können Sie mir Schritte geben, um das aktuelle Problem zu reproduzieren? Ich kann nicht versprechen, dass ich es reparieren werde, aber ich bin offen für eine PR und würde zumindest gerne einen Blick darauf werfen.

Ok, hier ist eine neue Version, die auf unserem neuen "aktualisierten" Master-Zweig funktioniert:

https://github.com/canadaduane/pushpin/tree/upgrade-decision

Erstellen Sie einfach eine „Lass uns entscheiden“-Karte und versuchen Sie dann, den Knopf auf dem Schieberegler zu bewegen.

Wenn ich weiter darüber nachdenke ... Ich habe versucht, Text in einer "Text" -Karte hervorzuheben, und festgestellt, dass er auch gezogen wird. Ich frage mich, ob es ein besserer Ansatz wäre, Karten in Minifenster mit ziehbarer Kopfleiste zu verwandeln, anstatt die gesamte Karte ziehbar zu machen.

Das haben wir bei Farm ausprobiert – es hat einige Vorteile, aber es verbraucht viel
auf knappen bildschirmplatz und UX chrome verzichte ich dann lieber
alles möglich.

Am Montag, 10. Juni 2019 um 8:11 Uhr Duane Johnson [email protected]
schrieb:

Wenn ich weiter darüber nachdenke ... Ich habe versucht, Text in einer "Text" -Karte hervorzuheben
bemerkt, dass es auch zieht. Ich frage mich, ob ein besserer Ansatz wäre
Machen Sie Karten zu Mini-Fenstern mit ziehbarer Kopfleiste, anstatt sie zu erstellen
die ganze Karte ziehbar.


Sie erhalten dies, weil Sie kommentiert haben.
Antworten Sie direkt auf diese E-Mail und zeigen Sie sie auf GitHub an
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXKE7GA#issuecomment-50045322
oder den Thread stumm schalten
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
Peter von Hardenberg
San Francisco, Kalifornien
„Alles war schön und nichts tat weh.“ – Kurt Vonnegut

Ich stimme zu, es ist klobiges UX-Chrom. Hoffentlich gibt es eine Art Mittelweg, den wir entdecken können – zum Beispiel, wenn wir Spalten zum Laufen bringen, ist das Ziehen vielleicht weniger notwendig und wir können ziehbare Griffe hinter einem „Ziehmodus“ verstecken. Nur Brainstorming. In der Zwischenzeit können wir vielleicht herausfinden, wie wir das Ziehen vorübergehend deaktivieren können ;)

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Gozala picture Gozala  ·  13Kommentare

radio-alice picture radio-alice  ·  7Kommentare

Gozala picture Gozala  ·  9Kommentare

edrex picture edrex  ·  7Kommentare

Gozala picture Gozala  ·  4Kommentare