在Internet Explorer中以动态高度损坏的元素上拖放可滚动容器

时间:2016-07-29 15:03:47

标签: javascript html5 internet-explorer drag-and-drop draggable

我有一个固定高度的可滚动容器,在这个容器中我有ulli项列表。

在我的解决方案中,JavaScript用于根据具有最大高度的元素为所有ul元素提供相同的高度。
我准备了一个简单的fiddle,但它完美地显示了这个问题。

现在看来只有在目标列表的区域中才能显示Internet Explorer,只有在不滚动的情况下才能看到它。 它在Firefox和Chrome中没有问题。

重现的步骤

  1. 在Internet Explorer中打开小提琴(10/11)
  2. 将项目从左侧拖动到右侧。
  3. 您会看到复制/移动可能的图标
  4. 将容器滚动到底部
  5. 将项目从左侧拖动到右侧。
  6. 您会在特定隐形点下方看到禁止图标
  7. 有人遇到过这个问题吗? 这真的是Internet Explorer的错误还是我犯了一些错误? 这在Edge中也被打破了吗?

1 个答案:

答案 0 :(得分:2)

尝试从height课程中删除inner。发生这种情况是因为内部容器的高度设置为100%,等于可滚动容器高度。