Why is overflow != visible required for any div to be resizabel with resize css property?

Question

I have been reading this post about how to make a div resizable. What I don' t understand is why does the overflow property have to be different from visible? Both the w3c docs and csstricks blog mention this. Is there any specific reason behind this? If yes then what?

Answer 1

If you look at the overflow options, setting this value to visible will prevent the box to wrap the content, instead the content will go out of the box. Therefore, if the user is dynamically modifying the box, you would get the context overlapping your element's box.

reference: mdn overflow