Pushpin: 특정 카드의 드래그 이벤트 비활성화

@canadaduane .preventDefault 를 호출할 수 있습니까? 텍스트 편집기와 보드 사이의 백스페이스 키 주변에서 키 누르기 처리가 어떻게 작동하는지 살펴보십시오. 이것이 우리가 여기에서 어떻게 발전할 수 있는지에 대한 단서가 될 수 있습니다.

예, preventDefault 및 stopPropagation ( onDrag 뿐만 아니라 onStart 및 onDragStart 와 같은 다른 변형에서도 확실한). 저는 react-draggable 및 DraggableCore 에 특히 익숙하지 않으므로 누락된 것이 있을 수 있습니다.

무슨 일이 일어나고 있는지 너무 확실하지 않고 다른 재료의 내 접시를 비울 때까지 볼 수 없습니다. 나는 최근에 업그레이드 브랜치의 일부로 react-dragable을 판매하고 대부분을 삭제했습니다. 당신이 거기 주위를 뒤지고 싶다면 그것은 정말 간단합니다.

다음은 내가 추가하는 "Let's Decide" 콘텐츠 카드의 WIP입니다. 슬라이더가 표시되는 상태에 도달하려면 3명의 사용자가 필요하고 각 사용자는 "투표할 준비가 되었습니까?"를 클릭해야 합니다. 엄지손가락 버튼. (누군가는 적어도 하나의 아이디어를 추가해야 하며 아이디어는 "제안" 섹션으로 이동해야 합니다.)

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

현재 문제가 무엇이든 재현할 수 있는 단계를 알려주시겠습니까? 내가 그것을 고칠 것이라고 약속할 수는 없지만 나는 PR에 열려 있고 적어도 한 눈에 보고 싶습니다.

자, 여기 새로운 "업그레이드된" 마스터 브랜치에서 작동하는 새 버전이 있습니다.

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

"결정하자" 카드를 만든 다음 슬라이더의 손잡이를 움직여 보십시오.

이것에 대해 더 생각해보면... "텍스트" 카드에서 텍스트를 강조 표시하려고 시도했는데 텍스트도 끌린다는 것을 알았습니다. 전체 카드를 드래그 가능하게 만드는 것보다 드래그 가능한 헤더 표시줄이 있는 미니 창으로 카드를 만드는 것이 더 나은 접근 방식인지 궁금합니다.

그것이 우리가 Farm에서 시도한 것입니다. 몇 가지 이점이 있지만 많이 소비합니다.
부족한 화면 공간과 UX 크롬이라면 차라리
모두 가능합니다.

2019년 6월 10일 월요일 오전 8:11 Duane Johnson 알림 @github.com
썼다:

더 생각해보면... "텍스트" 카드에서 텍스트를 강조 표시해 보았습니다.
도 끌린다는 사실을 알아차렸다. 더 나은 접근 방식이 있는지 궁금합니다.
카드를 만드는 대신 드래그할 수 있는 헤더 표시줄을 사용하여 카드를 미니 창으로 만듭니다.
전체 카드를 드래그할 수 있습니다.

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVEXG43VMXVBW6
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
피터 반 하덴버그
샌프란시스코, 캘리포니아
"모든 것이 아름다웠고 아프지 않았습니다." - 커트 보네거트

투박한 UX 크롬이라는 데 동의합니다. 바라건대 우리가 발견할 수 있는 일종의 중간 지점이 있기를 바랍니다. 예를 들어 열이 작동하도록 하면 드래그가 덜 필요하고 드래그 가능한 핸들을 "드래그 모드" 뒤에 숨길 수 있습니다. 그냥 브레인스토밍. 그 동안에는 드래그를 일시적으로 비활성화하는 방법을 알아낼 수 있을 것입니다. ;)