Internet Explorer에서 동적 높이가있는 요소의 스크롤 가능한 컨테이너에 드래그 앤 드롭

Question

고정 된 높이의 스크롤 가능한 컨테이너가 있습니다.이 컨테이너에 과 같은 일부 ul 목록이 있습니다.

내 솔루션 JavaScript는 모든 높이가 가장 큰 요소를 기준으로 모든 ul 요소의 높이를 같게하는 데 사용됩니다.
간단한 fiddle을 준비했지만 문제가 완벽하게 표시됩니다.

이제 Internet Explorer의 드롭은 스크롤없이 볼 수 있었던 대상 목록 영역에서만 가능합니다.
Firefox 및 Chrome에서 문제없이 작동합니다.

단계을 재현 :

1. 열기 바이올린을 Internet Explorer에서 (10/11)
2. 을 드래그 항목을 왼쪽에서 오른쪽으로.
3. 당신은 복사/오른쪽으로 왼쪽에서 하단
4. 드래그 가능한 아이콘에게 항목을
5. 스크롤 컨테이너를 이동을 참조하십시오.
6. 당신은 특정 보이지 않는 점

누군가가이 문제를 직면하고 아래 forbbidden 아이콘를 참조?
이것은 정말로 Internet Explorer의 버그입니까, 아니면 실수를 했습니까?
가장자리에서도 깨져 있습니까?

Answer 1

inner 클래스에서 height을 제거해보십시오. 이것은 내부 컨테이너의 높이가 스크롤 가능한 컨테이너 높이와 같은 100%으로 설정 되었기 때문에 발생합니다.