It is probably wise to use mechanisms to limit it to webkit browsers.The above is more apparent on mobile devices and browsers that do not support resize,Īnd might stay in that state untill clicking or tapping outside the element.It has side effects: if you click the element it can shrink to zero size (temporarily).It seems to work on browsers that limit the min size to initial size (WebKit e.g.If the resize event is triggered too many times for your application, see Optimizing window.onresize to control the time after which the event fires. It seems to be a bit of a hack and probably wise not to rely on it on production websites. While the resize event fires only for the window nowadays, you can get resize notifications for other elements using the ResizeObserver API.

I’m not quite sure how this makes it work.add max-width, max-height for a sensible max size, so you don’t end up dragging the corner outside your window.add min-width, min-height for a sensible min size, so you don’t end up with a 0x0 box that is hard to enlarge again.Tip: To get the size of an element, use the clientWidth, clientHeight, innerWidth, innerHeight, outerWidth, outerHeight, offsetWidth and/or offsetHeight properties. add width, height for a sensible starting size. The onresize event occurs when the browser window has been resized.The resize property controls if and how an element can be resized by the user by clicking and dragging the bottom right corner of the element.module helps. You can simply use the addEventListener() method to register an event handler to listen for the browser window resize event, such as window.addEventListener(.

Js onresize