我正在尝试在新卡类型上实现滑块控件,但似乎无法停止拖动事件传播。 结果,当我尝试移动滑块时,整张卡片都会拖动。 需要有一种方法来告诉父卡(暂时)禁用卡的拖动和调整大小。
@canadaduane你可以打电话给 .preventDefault 吗? 看看按键处理如何围绕文本编辑器和板之间的退格键进行。 这可能是我们如何在这里取得进展的线索。
是的,我尝试了preventDefault
和stopPropagation
(在onDrag
以及其他变体上,例如onStart
和onDragStart
只是为了当然)。 不过,我对react-draggable
和DraggableCore
并不是特别熟悉,所以我可能会遗漏一些东西。
不太清楚发生了什么,直到我把盘子里的其他东西清理干净后才能看。 我最近将 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。 希望我们能找到某种中间立场——例如,当我们使列工作时,也许拖动将不再那么必要,我们可以将可拖动手柄隐藏在“拖动模式”后面。 只是头脑风暴。 与此同时,也许我们可以弄清楚如何暂时禁用拖动;)
最有用的评论
不太清楚发生了什么,直到我把盘子里的其他东西清理干净后才能看。 我最近将 react-draggable 作为升级分支的一部分出售并删除了大部分内容。 如果你想在那里翻找,这真的很简单。