Pushpin: Deshabilitar eventos de arrastre para ciertas tarjetas

Creado en 3 jun. 2019  ·  9Comentarios  ·  Fuente: automerge/pushpin

Estoy tratando de implementar un control deslizante en un nuevo tipo de tarjeta, pero parece imposible detener la propagación del evento de arrastre. Como resultado, cuando intento mover el control deslizante, toda la tarjeta se arrastra. Tiene que haber una manera de decirle a la tarjeta principal que (temporalmente) deshabilite el arrastre y el cambio de tamaño de la tarjeta.

Comentario más útil

No estoy muy seguro de lo que está pasando y no puedo mirar hasta que limpie mi plato de estas otras cosas. Recientemente vendí en react-draggable como parte de la rama de actualización y eliminé la mayor parte. Es realmente simple si quieres hurgar allí.

Todos 9 comentarios

@canadaduane ¿puedes llamar a .preventDefault? Eche un vistazo a cómo funciona el manejo de la pulsación de teclas en torno a la tecla de retroceso entre el editor de texto y el tablero. Eso podría ser una pista de cómo podríamos progresar aquí.

Sí, probé tanto preventDefault como stopPropagation (en onDrag y otras variantes, como onStart y onDragStart solo para estar seguro). Sin embargo, no estoy particularmente familiarizado con react-draggable y DraggableCore , por lo que es posible que me esté perdiendo algo.

No estoy muy seguro de lo que está pasando y no puedo mirar hasta que limpie mi plato de estas otras cosas. Recientemente vendí en react-draggable como parte de la rama de actualización y eliminé la mayor parte. Es realmente simple si quieres hurgar allí.

Aquí hay un WIP de la tarjeta de contenido "Let's Decide" que estoy agregando. Para llegar al estado donde se muestran los controles deslizantes, necesita 3 usuarios, y cada usuario debe hacer clic en "¿Listo para votar?" botón de pulgares arriba. (Alguien también debe agregar al menos una idea, y la idea debe pasar a la sección "Propuestas").

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

¿Puede darme pasos para reproducir cualquiera que sea el problema actual? No puedo prometer que lo arreglaré, pero estoy abierto a relaciones públicas y al menos me gustaría echar un vistazo.

Ok, aquí hay una nueva versión que funciona en nuestra nueva rama maestra "actualizada":

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

Simplemente cree una tarjeta "Vamos a decidir" y luego intente mover la perilla en el control deslizante.

Pensando más en esto... Intenté resaltar el texto en una tarjeta de "texto" y noté que también se arrastra. Me pregunto si un mejor enfoque sería convertir las tarjetas en miniventanas con una barra de encabezado que se pueda arrastrar, en lugar de hacer que se pueda arrastrar toda la tarjeta.

Eso es lo que probamos en Farm: tiene algunos beneficios, pero consume mucho
de escaso espacio en pantalla y es UX Chrome que preferiría prescindir si en
todo posible.

El lunes 10 de junio de 2019 a las 8:11 a. m. Duane Johnson [email protected]
escribió:

Pensando más en esto... Intenté resaltar texto en una tarjeta de "texto"
noté que se arrastra también. Me pregunto si un mejor enfoque sería
convertir tarjetas en mini-ventanas con barra de encabezado arrastrable, en lugar de hacer
toda la tarjeta arrastrable.


Estás recibiendo esto porque comentaste.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXKE7GA0#issuecomment-5
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
Peter van Hardenberg
San Francisco, California
"Todo era hermoso y nada dolía".—Kurt Vonnegut

Estoy de acuerdo en que es cromo UX torpe. Con suerte, habrá algún tipo de término medio que podamos descubrir; por ejemplo, a medida que hacemos que las columnas funcionen, tal vez sea menos necesario arrastrar y podamos ocultar los controladores que se pueden arrastrar detrás de un "modo de arrastre". Solo lluvia de ideas. Mientras tanto, tal vez podamos descubrir cómo deshabilitar temporalmente el arrastre;)

¿Fue útil esta página
0 / 5 - 0 calificaciones