ドラッグ/ドロップ可能なオブジェクトに問題があります。ドラッグ可能なオブジェクトを幅約 400px、高さ 50px に設定しました。ドロップ可能は同じ高さですが、幅は約 80px のみです。
オブジェクトをドロップ可能にドロップしようとすると、私の問題が発生します。ドラッグ可能オブジェクトが実際にドロップ リスナーを起動するには、ドラッグ可能オブジェクトが実際に機能し、ドロップ イベント リスナーを起動するために、ドロップ可能オブジェクトのほぼ完全な中心に配置する必要があります。
コーナーを使用して落下をテストするようにコードを変更する方法はありますか? ドロップ可能なオブジェクトの幅に基づいてドラッグ可能なオブジェクトの配置をテストし、ドロップされているかどうかを検出しているように見えます。代わりに、ドラッグ可能なオブジェクトの外縁をリッスンするように、これを変更する必要があります。
たとえば、下の画像でドラッグされているオブジェクトをドロップすると、「Step 1」というタイトルのオブジェクトにスナップします。現時点では、ドロップ可能なオブジェクトに実際にスナップするには、ドラッグ可能なオブジェクトを半分まで移動する必要があります。
