Không thể kéo các phần tử trong Iframe

Question

Tôi có một trang có khung nội tuyến đến một trang khác có hai cột, trong đó bạn có thể kéo phần tử từ cột đầu tiên sang cột thứ hai. Mã tôi có cho iFrame đơn giản là

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

Nếu bạn đi đến cuối cột đầu tiên bằng cách di chuyển (nằm ngoài khung nhìn), bạn không thể kéo phần tử từ cột đầu tiên sang cột thứ hai. Đây là đơn giản nhất để xem bằng cách vào đây:

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

Chỉ cần di chuyển xuống đến tùy chọn gọi là "Quan hệ công chúng" hoặc "HTML" và sau đó cố gắng kéo đến cột thứ hai ... bạn sẽ không có thể.

Điều này có vẻ giống như một vấn đề thường gặp đối với danh sách dài.

Có ai có giải pháp cho việc này không?

Answer 1

Việc kéo hoạt động tốt, vấn đề là chiều cao của div thứ hai #sortable2.

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

Nếu bạn bấm + giữ 'HTML', và sau đó di chuyển trở lại phía trên, bạn có thể thả vào hộp vào div tốt thứ hai. Điều này là do div thứ hai có;

min-height: 60px; 

Nếu bạn muốn để có thể kéo bất cứ nơi nào ở bên phải, bạn cần phải chắc chắn rằng #sortable2 là thực sự có nghĩa là #sortable2 nên có chiều cao giống như #sortable1.