Pushpin: 禁用某些卡片的拖动事件

创建于 2019-06-03  ·  9评论  ·  资料来源: automerge/pushpin

我正在尝试在新卡类型上实现滑块控件,但似乎无法停止拖动事件传播。 结果,当我尝试移动滑块时,整张卡片都会拖动。 需要有一种方法来告诉父卡(暂时)禁用卡的拖动和调整大小。

最有用的评论

不太清楚发生了什么,直到我把盘子里的其他东西清理干净后才能看。 我最近将 react-draggable 作为升级分支的一部分出售并删除了大部分内容。 如果你想在那里翻找,这真的很简单。

所有9条评论

@canadaduane你可以打电话给 .preventDefault 吗? 看看按键处理如何围绕文本编辑器和板之间的退格键进行。 这可能是我们如何在这里取得进展的线索。

是的,我尝试了preventDefaultstopPropagation (在onDrag以及其他变体上,例如onStartonDragStart只是为了当然)。 不过,我对react-draggableDraggableCore并不是特别熟悉,所以我可能会遗漏一些东西。

不太清楚发生了什么,直到我把盘子里的其他东西清理干净后才能看。 我最近将 react-draggable 作为升级分支的一部分出售并删除了大部分内容。 如果你想在那里翻找,这真的很简单。

这是我要添加的“让我们决定”内容卡的 WIP。 要到达滑块显示的状态,您需要 3 个用户,并且每个用户都需要单击“准备投票?” 竖起大拇指按钮。 (有人还必须添加至少一个想法,并且该想法必须移至“提案”部分)。

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

你能告诉我重现当前问题的步骤吗? 我不能保证我会修复它,但我对 PR 持开放态度,至少想看一眼。

好的,这是一个适用于我们新“升级”主分支的新版本:

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

只需创建一张“让我们决定”卡片,然后尝试移动滑块上的旋钮。

进一步考虑这一点......我尝试突出显示“文本”卡中的文本,注意到它也会拖动。 我想知道是否有更好的方法是将卡片制作成带有可拖动标题栏的迷你窗口,而不是使整个卡片可拖动。

这就是我们在农场上尝试过的——它有一些好处,但它消耗很多
稀缺的屏幕空间和是 UX chrome 我宁愿没有如果在
一切皆有可能。

2019 年 6 月 10 日星期一上午 8 点 11 分 Duane Johnson [email protected]
写道:

进一步考虑这个......我尝试在“文本”卡中突出显示文本
注意到它也拖了。 我想知道是否有更好的方法是
将卡片制作成带有可拖动标题栏的迷你窗口,而不是制作
整张卡片可拖动。


您收到此消息是因为您发表了评论。
直接回复此邮件,在 GitHub 上查看
https://github.com/inkandswitch/pushpin/issues/200?email_source=notifications&email_token=AAAAWQG5HXPWLFF45VQVH53PZZVKTA5CNFSM4HSHYYSKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODXKE7GA#issuecomment-5004532
或使线程静音
https://github.com/notifications/unsubscribe-auth/AAAAWQCPU4MNJTAOXGXDQCTPZZVKTANCNFSM4HSHYYSA
.

--
彼得·范·哈登伯格
加利福尼亚州旧金山
“一切都很美好,没有任何伤害。”——库尔特·冯内古特

我同意这是笨重的 UX chrome。 希望我们能找到某种中间立场——例如,当我们使列工作时,也许拖动将不再那么必要,我们可以将可拖动手柄隐藏在“拖动模式”后面。 只是头脑风暴。 与此同时,也许我们可以弄清楚如何暂时禁用拖动;)

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

Gozala picture Gozala  ·  13评论

Gozala picture Gozala  ·  9评论

Gozala picture Gozala  ·  4评论

edrex picture edrex  ·  7评论

pvh picture pvh  ·  4评论