Drag working only once on mobile
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, react
- 领域
- frontend, mobile-dev
调研方向
The entry point described is the component with axis="y", position, onStop, and allowAnyClick; reproduce it in Chrome mobile emulation using the supplied handler and compare desktop behavior. Trace the mobile drag lifecycle after the first stop. Done means repeated vertical drags trigger previousVideo or nextVideo.
由索引模型根据 Issue 内容生成。
描述
Hello, I am experiencing an issue with a draggable component. When on mobile I can drag only once before I cannot drag anymore. If I exit Chrome dev tools mobile view, I can then continue to drag without issue. I have a very similar component that works as expected in both desktop and mobile views.
// Dragging element an element inside the deadzone will not trigger next or previous video
const handleStop = (event, dragElement) => {
if (dragElement.y >= 120 || dragElement.y <= -120) {
dragElement.y > 0 ? props.previousVideo() : props.nextVideo();
}
};
return (
<Draggable
axis="y"
position={{ x: 0, y: 0 }}
onStop={handleStop}
allowAnyClick={true}
>
);
// Below are the Prop functions from previous component above. The posts below come from an API request. The logic triggers correctly when on the desktop view. The mobile view works as well, but only once as the drag stops working without an error message.
const previousVideo = () => index > 0 ? setIndex(index - 1) : "";
const nextVideo = () => {
if (index != posts['data']['children'].length && !requested) {
if (index == posts['data']['children'].length - 1) {
setRequested(true);
more("page");
} else {
setIndex(index + 1);
}
}
}
- 主要语言
- JavaScript
- 星标
- 9.3k
- 派生
- 1k
- 平均合并
- 3 天 8 小时
- 30 天内合并 PR
- 4
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-grid-layout/react-draggable 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 72/100
-
难度 4/5 3-5 天 新手友好度 25/100
react-grid-layout/react-draggable#784 · 4 条评论 · 2 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 45/100
react-grid-layout/react-draggable#782 · 1 条评论 ·
-
难度 3/5 1-2 天 新手友好度 25/100
react-grid-layout/react-draggable#781 · 1 条评论 · 2 个 reaction ·
-
难度 4/5 3-5 天 新手友好度 25/100
react-grid-layout/react-draggable#780 · 8 条评论 ·
查看 react-grid-layout/react-draggable 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 82/100
-
area-deployment area-integrations triage:bot-seen
难度 2/5 半天 新手友好度 86/100
-
Issue-Bug
难度 2/5 1-3 小时 新手友好度 68/100
sugarlabs/musicblocks#8924 ·
-
难度 1/5 1 小时以内 新手友好度 90/100
ArduPilot/ardupilot_wiki#8088 ·
-
[BUG] createTool tools cannot be registered with Mastra when exactOptionalPropertyTypes is enabled 未关闭customer-eng status: needs triage
难度 2/5 1-3 小时 新手友好度 84/100