Drag-and-Drop in scrollbaren Container auf Element mit dynamischer Höhe in Internet Explorer

Question

Ich habe einen scrollbaren Container mit einer festen Höhe, in diesem Container habe ich einige ul Listen mit li Elemente.

In meiner Lösung wird JavaScript verwendet, um allen Elementen ul die gleiche Höhe zu geben, basierend auf dem Element mit der größten Höhe.
Ich bereitete eine einfache fiddle vor, aber es zeigt das Problem perfekt.

Nun scheint ein Absturz im Internet Explorer nur im Bereich der Zielliste möglich, der ohne Scrollen sichtbar war.
Es funktioniert ohne Probleme in Firefox und Chrome.

Schritte zu reproduzieren:

1. öffnen Geige in Internet Explorer (10/11)
2. Ziehen Sie ein Element von der linken Seite auf die rechte Seite.
3. Sie sehen eine copy/
4. Scroll der Behälter auf den Boden
5. Ziehen Sie ein Element von der linken Seite auf die rechte Seite möglich Symbol bewegen.
6. Sie sehen ein forbbidden Symbol unter einem bestimmten unsichtbaren Punkt

Hat jemals jemand dieses Problem konfrontiert?
Ist das wirklich ein Fehler des Internet Explorers oder habe ich Fehler gemacht?
Ist dies auch in Edge gebrochen?

Answer 1

Versuchen Sie, die height aus der inner Klasse zu entfernen. Dies geschieht, weil die Höhe des inneren Containers auf 100% gesetzt ist, was der Höhe des scrollbaren Containers entspricht.