jquery-ui.sortableでドラッグ中の要素の位置がおかしくなる


jQuery-UIのsortableを使用していて、 overflow: scroll/autoなコンテナ内の要素を並び替える場合に、コンテナ内をスクロールしてから要素をドラッグしてスクロールさせようとすると、そのhelper要素の位置がおかしくなってしまう。(jQuery-UI 1.11.4で確認)

この問題に対応するには↓こんな↓感じでヘルパーの位置を強引に戻してあげるとよい。

いつもsortableとかdraggableってハマるんだよな・・・。

追記(2017/5/9)

上記方法では上手くいかないケースがあった。事象としてはドラッグする要素〜コンテナ要素の中に position: relative;のものがあると上手くいかない。結局次のようなコードで回避できた。

sortでやるのがミソ。

あいかわらずsortableはよくハマる・・・

関連する記事


コメントを残す

メールアドレスが公開されることはありません。

*