react-draggable内的html5视频控件

如何解决react-draggable内的html5视频控件

我正在使用标准的 HTML5 标签将视频嵌入到 react-draggble 内的组件中：

 <Draggable bounds="parent">
    <div>
      <h1>React draggable</h1>
      <div>
        <video width="100%" height="240" controls>
          <source src={video} />
        </video>
      </div>
    </div>
  </Draggable>

但是，在右侧的Chrome默认控件中，显示三个点（选项），当我单击它们时，它没有显示弹出选项。 three dot button

当我禁用 react-draggable 的转换样式时，它会按预期工作。 expected result

有什么办法可以解决这个问题吗？

谢谢。