スクロール可能なdiv内にある要素を、そのdivとは別のdivへドラッグアンドドロップしたい

Question

前提・実現したいこと

Webアプリについての質問です。スクロール可能なdiv内にある要素を、そのdivとは別のdivへドラッグアンドドロップしたいのですが、ドラッグ時にスクロール幅が広がるだけで、スクロール可能なdivから抜け出せません。
その場合、どのような対処があるでしょうか。

試したこと

• ドラッグ中だけ、スクロール可能なdivのoverflowをvisibleにすると、ドラッグアンドドロップできるが、divの範囲外の要素も表示されしまいます。

Comments

[m.ts10806]

ご自身が書かれた（問題の発生している）ソースコードを追記してください。https://teratail.com/help/question-tips#questionTips3-5

[yambejp]

スクロールができないdivであれば、その中の要素を別のdivにドラッグアンドドロップできるところまではできているという認識でよろしいですか？

Answer 1

overflowはやはりvisibleにすべきです。
「divの範囲外の要素」というのがあるのであれば、JavaScript/CSSで制御して非表示にしてください。