draggable="true" 预览隐藏 children 即 position:absolute？

Question

这里有一个演示：

顶部：child <div> 在拖动预览中可见
底部：child <div> 不在拖动预览中可见

.absolute {
  position: absolute;
}

.draggable {
  position: relative;
  height: 60px;
  border: 1px solid #CCC;
  margin: 10px;
}

.draggable div {
  height: 40px;
  width: 40px;  
}

.left {
  background-color: blue;
}

.right {
  background-color: red;
}

.left.absolute {
  top: 10px;
  left: 10px;
}

.right.absolute {
  top: 10px;
  right: 10px;
}

.right.float {
  float: right;
  margin: 10px;
}

.left.float {
  margin: 10px;
  float: left;
}

<!-- Expected behavior -->
<div class="draggable" draggable="true">
  <div class="left float">&nbsp;</div>
  <div class="right float">&nbsp;</div>
</div>

<!-- Bug -->
<div class="draggable" draggable="true">
  <div class="left absolute">&nbsp;</div>
  <div class="right absolute">&nbsp;</div>
</div>

Answer 1

之前是 a known issue，现已修复。

draggable="true" 预览隐藏 children 即 position:absolute？

draggable="true" preview hides children that are position:absolute?

html

css

position

draggable