Javascript can'；t滚动到对话框末尾后拖动项目-react dnd

当我从对话框中进行拖放操作时，我遇到了一个关于react dnd库的问题

当我拖动项目而不滚动到对话框末尾时，一切正常

但当我滚动到对话框的末尾时，无法拖动该项

另一件奇怪的事情是，Firefox浏览器中不存在这个问题，只有chrome浏览器存在

注: 我确实在beginDrag中放置了一个console.log，并且endDrag我发现endDrag是在begin之后直接调用的

截图

我找到了解决方案：

有时，在拖动开始后，自定义拖动层的dom操作（在chrome中）不起作用

像这个：

<div ref={this.badItemRef} className="badItem" style={{
                opacity: isDragging ? "0" : "1",
                 height: isDragging ? 0 : '',
            }}>
</div>

现在一切看起来都很好

// hide after a timeout
        setTimeout(() => {
            currentItemRef.style.display = "none";
        }, 0)