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

Drag and drop in scrollable container on element with dynamic height broken in Internet Explorer

本文关键字:拖放 滚动 元素 Explorer Internet 动态 中断 高度      更新时间:2023-09-26

我有一个固定高度的可滚动容器,在这个容器中,我有一些包含li项的ul列表。

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

现在看来,Internet Explorer中的一个下拉框只可能出现在目标列表的区域,该区域在不滚动的情况下是可见的
它在Firefox和Chrome中运行时没有问题。

复制步骤

  1. 在Internet Explorer中打开小提琴(10/11)
  2. 将项目从左侧拖动到右侧
  3. 您会看到一个复制/移动可能的图标
  4. 将容器滚动到底部
  5. 将项目从左侧拖动到右侧
  6. 您会在特定的不可见点下方看到一个禁止图标

有人面对过这个问题吗
这真的是InternetExplorer的错误吗?还是我犯了一些错误
这在Edge中也被破坏了吗?

尝试从inner类中删除height。这是因为内部容器的高度设置为100%,等于可滚动容器的高度。