draggable =“true”预览隐藏位置：绝对的孩子？

Question

这是一个演示：

• 返回页首：在拖动预览中可以看到小孩<div>
• 底部：儿童<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，现在已修复。