Set bounds to parent, if parent has x-overflow, element cannot drag to the right edge of the parent

Description
set bounds to parent, if the parent element has x-overflow, the drag element cannot drag to the right edge of the parent.

// parent has x-overflow
<div>
  <Draggable bounds='parent'>
    <div>dragme</div>
  </Draggble>
<div>

Steps
https://codesandbox.io/s/crazy-violet-bs1t7x?file=/src/App.js

Expectation
The drag element can drag to the right edge of Parent.

Probably a long shot, but did you ever figure this out?

It seems that it has not been resolved yet.

Navigation Menu