Nie można przeciągać elementów w elemencie iframe

Question

Mam stronę z ramką iframe na innej stronie z dwiema kolumnami, w której można przeciągnąć element z pierwszej kolumny do drugiej. Kod mam dla iFrame jest prosta

<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> 

Jeśli pójdziesz do dołu pierwszej kolumny poprzez przewijanie (który jest z rzutni) nie można przeciągnąć element z pierwszej kolumny do drugiej. Jest to najprostszy, aby zobaczyć wchodząc tutaj:

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

Wystarczy przewinąć do opcji o nazwie „Public Relations” lub „Kopiuj”, a następnie spróbuj przeciągnąć że do drugiej kolumny ... nie będziesz być w stanie.

To wydaje się typowym problemem dla długich list.

Czy ktoś ma rozwiązanie tego problemu?

Answer 1

Przeciąganie działa dobrze, problemem jest wysokość drugiego div #sortable2.

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

Jeśli klikniesz + trzymać „HTML”, a następnie przejdź z powrotem na górę, można upuszczać pola do drugiego div grzywny. Dzieje się tak dlatego, że drugi div ma;

min-height: 60px; 

Jeśli chcesz, aby móc przeciągnąć gdziekolwiek na prawo, trzeba się upewnić, że to rzeczywiście nie #sortable2 tj #sortable2 powinna być taka sama jak wysokość #sortable1.