title: How to build a resizable DIV that works with overflow: auto?
body: <p>I have a resizable DIV that is resizable in the 4 sides. How ever, in some cases the content of this DIV may exceed its size. So I've added the option overflow: auto, but when I use this option, the component responsible to resize the DIV moves with the scroll.</p>
  <p>Here's the code:
  <a href="https://codesandbox.io/s/23kt1?file=/index.html" rel="nofollow noreferrer">https://codesandbox.io/s/23kt1?file=/index.html</a></p>
  <p>How can I fix the component always on the edges of the DIV in such a way that it's not moved when the user scroll the div?</p>