Enables listening to resize events on any HTMLElement
<style>
body {
padding: 10px;
}
.resizable {
margin: 0 auto;
width: 200px;
height: 100px;
border: 2px solid red;
/* Makes HTMLElement Resizable*/
resize: both;
overflow: auto;
}
</style>
<div class="resizable"></div>
const element = document.querySelector('.resizable');
// add this line to listen for resize event
ObserveResize.subscribe(element);
element.addEventListener("resize", function(event) {
console.log(event);
});
ObserveResize.unsubscribe(element);
// or
const unsubscribe = ObserveResize.subscribe(element);
unsubscribe();