Ich kann keine Elemente in einem Iframe ziehen

Question

Ich habe eine Seite mit einem iframe auf einer anderen Seite mit zwei Spalten, wo Sie ein Element von der ersten Spalte auf die zweite ziehen können. Der Code, den ich für den iFrame haben ist einfach

<div style="width: 1000px; "> 
    <iframe id="isurvey" frameborder="0" style="width: 102%; height:1000px" src="https://www.thriveonsoftware.com/test.php" onload="window.parent.parent.scrollTo(0,0)"> 
</div> 
</div> 

Wenn Sie unten in der ersten Spalte gehen durch Scrollen (die aus dem Ansichtsfenster) Sie nicht das Element aus der ersten Säule in den zweiten ziehen. Dies ist am einfachsten zu sehen, von hier gehen:

http://codepen.io/amweiss98/pen/OXBqGy

einfach auf die Option „Public Relations“ oder „HTML“ genannt nach unten scrollen und dann versuchen, das zu der zweiten Spalte zu ziehen ... Sie werden nicht in der Lage sein.

Dies scheint ein häufiges Problem für lange Listen.

Hat jemand eine Lösung dafür?

Answer 1

Das Ziehen funktioniert gut, das Problem ist die Höhe des zweiten Div #sortable2.

http://codepen.io/amweiss98/pen/OXBqGy

Wenn Sie auf + halten auf ‚HTML‘ und dann nach oben scrollen zurück, können Sie die Box in die zweite div feinen Tropfen. Dies ist, weil das zweite div hat;

min-height: 60px; 

Wenn Sie nach rechts ziehen überall in der Lage sein wollen, müssen Sie sicherstellen, dass #sortable2 tatsächlich ist es das heißt #sortable2 sollte die gleiche Höhe wie #sortable1 sein.