Pushpin: Desativar eventos de arrastar para determinados cartões

Criado em 3 jun. 2019  ·  9Comentários  ·  Fonte: automerge/pushpin

Estou tentando implementar um controle deslizante em um novo tipo de cartão, mas parece impossível interromper a propagação do evento de arrastar. Como resultado, quando tento mover o controle deslizante, todo o cartão é arrastado. Deve haver uma maneira de dizer ao cartão pai para (temporariamente) desabilitar arrastar e redimensionar o cartão.

Comentários muito úteis

Não tenho muita certeza do que está acontecendo e não posso olhar até limpar meu prato dessas outras coisas. Recentemente, vendi em react-dragable como parte da ramificação de atualização e excluí a maior parte dela. É muito simples se você quiser vasculhar por aí.

Todos 9 comentários

@canadaduane você pode chamar .preventDefault? Dê uma olhada em como o manuseio de teclas funciona em torno da tecla de retrocesso entre o editor de texto e o quadro. Isso pode ser uma pista de como podemos progredir aqui.

Sim, eu tentei preventDefault e stopPropagation (em onDrag , bem como outras variantes, como onStart e onDragStart apenas para ser certo). Eu não estou particularmente familiarizado com react-draggable e DraggableCore , então posso estar perdendo alguma coisa.

Não tenho muita certeza do que está acontecendo e não posso olhar até limpar meu prato dessas outras coisas. Recentemente, vendi em react-dragable como parte da ramificação de atualização e excluí a maior parte dela. É muito simples se você quiser vasculhar por aí.

Aqui está um WIP do cartão de conteúdo "Vamos decidir" que estou adicionando. Para chegar ao estado em que os controles deslizantes são exibidos, você precisa de 3 usuários e cada usuário precisa clicar no botão "Pronto para votar?" botão polegares para cima. (Alguém também deve adicionar pelo menos uma ideia, e a ideia deve ser movida para a seção "Propostas").

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

Você pode me dar passos para reproduzir qualquer que seja o problema atual? Não posso prometer que vou consertar, mas estou aberto a um PR e gostaria de pelo menos dar uma olhada.

Ok, aqui está uma nova versão que funciona em nosso novo branch master "atualizado":

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

Basta criar um cartão "Vamos decidir" e, em seguida, tente mover o botão no controle deslizante.

Pensando mais sobre isso... Tentei destacar o texto em um cartão "texto", notei que ele também arrasta. Gostaria de saber se uma abordagem melhor seria transformar cartões em mini-janelas com barra de cabeçalho arrastável, em vez de tornar o cartão inteiro arrastável.

Foi o que tentamos no Farm -- tem alguns benefícios, mas consome muito
de pouco espaço na tela e é UX chrome que prefiro ficar sem se pelo menos
tudo possível.

Em segunda-feira, 10 de junho de 2019 às 8h11 Duane Johnson [email protected]
escreveu:

Pensando mais sobre isso... tentei destacar o texto em um cartão de "texto"
notei que ele se arrasta também. Gostaria de saber se uma abordagem melhor seria
transformar cartões em mini-janelas com barra de cabeçalho arrastável, em vez de fazer
o cartão inteiro arrastável.


Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXKE7GA#
ou silenciar o thread
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
Peter van Hardenberg
São Francisco, Califórnia
"Tudo era lindo e nada doía." — Kurt Vonnegut

Concordo que é desajeitado UX chrome. Esperamos que haja algum tipo de meio-termo que possamos descobrir - por exemplo, à medida que fazemos as colunas funcionarem, talvez arrastar seja menos necessário e podemos ocultar alças arrastáveis ​​atrás de um "modo de arrastar". Apenas brainstorming. Enquanto isso, talvez possamos descobrir como desativar temporariamente o arrasto;)

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

Gozala picture Gozala  ·  4Comentários

radio-alice picture radio-alice  ·  7Comentários

Gozala picture Gozala  ·  9Comentários

pvh picture pvh  ·  4Comentários

edrex picture edrex  ·  7Comentários