Pushpin: Désactiver les événements de glissement pour certaines cartes

@canadaduane pouvez-vous appeler .preventDefault ? Jetez un œil à la façon dont la gestion des touches fonctionne autour de la touche de retour arrière entre l'éditeur de texte et le tableau. Cela pourrait être un indice sur la façon dont nous pourrions progresser ici.

Oui, j'ai essayé à la fois preventDefault et stopPropagation (sur onDrag ainsi que d'autres variantes, telles que onStart et onDragStart juste pour être Bien sur). Je ne suis pas particulièrement familier avec react-draggable et DraggableCore , donc il me manque peut-être quelque chose.

Je ne sais pas trop ce qui se passe et je ne peux pas regarder jusqu'à ce que je vide mon assiette de ces autres choses. J'ai récemment vendu React-Draggable dans le cadre de la branche de mise à niveau et j'en ai supprimé la majeure partie. C'est très simple si vous voulez fouiller là-dedans.

Voici un WIP de la carte de contenu "Let's Decide" que j'ajoute. Pour arriver à l'état où les curseurs s'affichent, vous avez besoin de 3 utilisateurs, et chaque utilisateur doit cliquer sur le bouton "Prêt à voter ?" pouce vers le haut. (Quelqu'un doit également ajouter au moins une idée, et l'idée doit être déplacée vers la section "Propositions").

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

Pouvez-vous me donner des étapes pour reproduire quel que soit le problème actuel ? Je ne peux pas promettre que je vais le réparer, mais je suis ouvert à un PR et j'aimerais au moins jeter un coup d'œil.

Ok, voici une nouvelle version qui fonctionne sur notre nouvelle branche master "mise à jour":

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

Créez simplement une carte "Décidons", puis essayez de déplacer le bouton sur le curseur.

En y réfléchissant davantage... J'ai essayé de surligner du texte dans une carte "texte" et j'ai remarqué qu'il traînait également. Je me demande si une meilleure approche serait de transformer les cartes en mini-fenêtres avec une barre d'en-tête déplaçable, plutôt que de rendre toute la carte déplaçable.

C'est ce que nous avons essayé sur Farm - cela a certains avantages, mais cela consomme beaucoup
de l'immobilier d'écran rare et est UX chrome je préfère m'en passer si à
tout est possible.

Le lundi 10 juin 2019 à 8 h 11 Duane Johnson [email protected]
a écrit:

En y réfléchissant plus loin ... j'ai essayé de mettre en surbrillance du texte dans une carte "texte"
remarqué qu'il traîne aussi. Je me demande si une meilleure approche serait de
transformer les cartes en mini-fenêtres avec une barre d'en-tête déplaçable, plutôt que de créer
toute la carte déplaçable.

—
Vous recevez ceci parce que vous avez commenté.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXKE7GA#issuecomment-5GA
ou couper le fil
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
Pierre van Hardenberg
San Francisco, Californie
"Tout était beau et rien de mal."—Kurt Vonnegut

Je suis d'accord que c'est un chrome UX maladroit. Espérons qu'il y aura une sorte de terrain d'entente que nous pourrons découvrir - par exemple, au fur et à mesure que nous ferons fonctionner les colonnes, le déplacement sera peut-être moins nécessaire et nous pourrons masquer les poignées déplaçables derrière un "mode de déplacement". Juste un remue-méninges. En attendant, nous pouvons peut-être trouver comment désactiver temporairement le glissement ;)