Javascript Firefox拖放-缺少重影图像

看起来FireFox在使用HTML5拖放时出现了一个奇怪的问题

在Chrome/Safari中，拖动HTML时会生成一个鬼图像，但由于某些原因，在Firefox中它似乎根本不会出现

HTML代码段：

<div class="task sortable" draggable="true">
    <input type="checkbox" draggable="false">

<div class="what" draggable="false">
Yet another
</div>

<div class="who" draggable="false">

</div>
</div>

---

你知道为什么Firefox不能工作吗？

没关系，我已经解决了这个问题

FF似乎需要在dataTransfer对象中设置某种形式的数据

dataTransfer.setData('text', 'junk');

修复它。

对于未来的调试器：

---

显然，负文本缩进CSS属性也会导致拖动图像在Firefox中消失（但在Chrome/Safari中不会消失）。

您可以接受自己的答案，让其他人知道这个问题有答案。在元素上放置

translateZ

（可能还有其他人）转换也会导致这种情况。

dataTransfer.setData('text', 'junk');