如何使用Flexbox进行React-Draggable工作？

Question

  <div className="room">
    <Draggable
      bounds="parent"
      grid={[50,50]}
      handle=".handle"
      onStart= {this.handleStart}
      onDrag= {this.handleDrag}
      onStop= {this.handleStop} >
    <img src={table} className="handle" />
    </Draggable>
  </div>

所以这是我的Draggable组件的代码，它非常基本。问题是Draggable组件无法识别“room”被偏移的事实，因为它以flexbox为中心。反正有吗？