Partially out-of-view window jumps and changes position when handle is touched
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 30/100
- Issue 类型
- 缺陷
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
Start by creating a minimal reproduction of a partially out-of-view window using the draggable component inside a scrolling parent. Compare the window position and parent scroll state before and after touching the title handle, using the reported onDragStop workaround as a reference. Done means the window does not jump, unexpectedly scroll into view, or change position relative to its peers.
由索引模型根据 Issue 内容生成。
描述
Hi, I'm making a windowing system (for which, thanks for your utility).
But there's something odd. When I click on the title (which is the handle) of the pictured window, then it jumps fully into view (by scrolling the parent), and also changes its top/left co-ordinates (moving it away from its peers).
I've had to compensate by adding the following code to the onStop method (note the reversal of the deltaY values, and the counter-scroll operation):
const onDragStop = (e, data) => {
if (data.deltaY) {
panelFrameElementRef.current.scrollTop -= data.deltaY
}
setWindowConfigSpecs((oldState) => {
return {...oldState, top:data.y - data.deltaY, left: data.x}
})
}
Any suggestions?
- 主要语言
- JavaScript
- 星标
- 9.3k
- 派生
- 1k
- 平均合并
- 2 天 16 小时
- 30 天内合并 PR
- 5
环境准备
我们还没有检查这个项目的环境配置文件。先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-grid-layout/react-draggable 的其他 Issue
-
bug ready-for-agent
难度 3/5 1-2 天 新手友好度 72/100
react-grid-layout/react-draggable#822 · 1 条评论 ·
-
bug needs-info
难度 3/5 1-2 天 新手友好度 45/100
react-grid-layout/react-draggable#782 · 2 条评论 ·
-
bug needs-info
难度 4/5 3-5 天 新手友好度 25/100
react-grid-layout/react-draggable#772 · 1 条评论 ·
-
bug ready-for-agent
难度 3/5 1-2 天 新手友好度 45/100
react-grid-layout/react-draggable#771 · 14 条评论 · 31 个 reaction ·
-
enhancement ready-for-agent
难度 2/5 1-3 小时 新手友好度 45/100
react-grid-layout/react-draggable#762 · 1 条评论 ·
查看 react-grid-layout/react-draggable 的全部 Issue
相似的 Issue
-
curriculum documentation quality
难度 2/5 1-3 小时 新手友好度 78/100
githubnext/gh-aw-workshop#3897 ·
维护者通常 2 天内回复
-
agent/quality hive/hosted-available-lke648397-260827-5n31 quality testing
难度 2/5 1-3 小时 新手友好度 91/100
维护者通常 1 天内回复
-
check:failed feeds:add
难度 2/5 1-3 小时 新手友好度 70/100
iptv-org/database#36179 · 1 条评论 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 88/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 84/100
维护者通常 1 天内回复