ドラッグアンドドロップのゴースト画像も要素とその兄弟要素を取ります

Question

クロムにドラッグアンドドロップを使用すると、要素をドラッグすると、ゴースト画像はこの要素ではなく兄弟要素からも見えます（これも同様にドラッグ可能です）。

どうすれば修正できますか？あなたがすべての要素をドラッグしているような感覚を与えますが、そうではありません。要素を削除するときの動作は正しいです（1つの要素だけが削除されます）。

私は急速にplunkerにコードを貼り付けてきましたし、あなたがそこに要素をドラッグしようとすると、問題 https://plnkr.co/edit/qm0XWu?p=preview

どんな提案が表示されますか？

* plunkerからのコードの一部、あなたがplunkerでこれをチェックすると、私は子要素を排除することにより、ゴースト画像が

<div class="session" ng-reflect-bookmark_draggable="[object Object]" ng-reflect-id="session_4297" id="session_4297" ng-reflect-draggable="true" draggable="true"> 
    <session ng-reflect-index="2" ng-reflect-from="stored" ng-reflect-window="[object Object]"> 
     <div class="session_title"> 
     <span ng-reflect-class-name="folder type stored" class="folder type stored">&nbsp;</span> 
     <span class="folder expand">session_4297<span class="material-icons">list</span></span> 
     <span class="folder edit"><span>edit</span><span class="material-icons">create</span></span> 
     <span class="folder open"><span>open</span><span class="material-icons">tab</span></span> 
     <span class="folder clear"><span>delete</span><span class="material-icons">clear</span></span> 
     </div> 

Answer 1

を変更それは私がすべての子要素を置くかのことが判明したことに気付きましたdisplay: noneとすると、ドラッグエフェクトが期待する効果になります。子どもが通常のdisplayのプロパティ（ただしこの場合はopacity:0）を持っている場合、ゴーストイメージにはランダムなものがありますか？兄弟要素の数

これを変更することで、私はこの問題を解決しました。