Partially out-of-view window jumps and changes position when handle is touched
まだ誰も着手していません。
評価
- 難易度
- 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時間
- マージ済み PR（30日）
- 5
環境構築
このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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 件 ·
-
error in react 19オープンbug ready-for-agent
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react-grid-layout/react-draggable#771 · コメント 14 件 · リアクション 31 件 ·
-
enhancement ready-for-agent
難易度 2/5 1〜3時間 初心者へのやさしさ 45/100
react-grid-layout/react-draggable#762 · コメント 1 件 ·
react-grid-layout/react-draggable の issue をすべて見る
似ている issue
-
Add: Digi 4K Logoオープンcheck:passed logos:add
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
component/administration domain/framework needs-triage Platform(Default) priority/low
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
semantic-release/gitlab#1032 ·
-
agent/guide documentation hive/hosted-available-lke648397-260827-5n31
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
メンテナーはふだん 1 日以内に返信
-
agentic-workflows
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
githubnext/gh-aw-workshop#3933 ·
メンテナーはふだん 2 日以内に返信