Google Chrome 106 可拖动导致元素消失

Question

使用拖放元素时，绝对定位元素中包含的大多数其他元素都会从屏幕上消失。

如果我调整窗口大小，这些元素会重新出现，但在开始拖动时会再次消失。

我在最新版本的 Google Chrome（106 和 Beta 版本 107.0.5304.18）以及现在的 Edge 中遇到了这种行为。

我不确定这是否是一个错误（我希望如此），但它已经破坏了我的大多数客户网络应用程序！

编辑：我收到有关它在 Beta 107 上运行的混合报告。对于某些用户而言，该问题仍然存在，而对于其他用户则不存在。

此代码片段演示了该问题，但下面的代码是我用来复制该问题的全部代码。

ul {
  position: absolute;
  top: 0;
}

div {
  margin-left: 200px;
  margin-top: 50px;
}

<ul>
  <li>Example item</li>
  <li>Example item</li>
  <li>Example item</li>
  <li>Example item</li>
  <li>Example item</li>
</ul>
<div draggable="true">
  Please drag me
</div>

你们中有人遇到过这些问题吗？有没有人可以解决这个问题，或者您怀疑这是一个错误，我们应该坚持并希望得到修复？

Answer 1

正如Chromium 问题线程中发布的那样，您可以将以下样式添加到可拖动元素作为解决方法/修复。

transform: translate(0, 0);
z-index: 0;