Observes resizing of an element using a hidden iframe.
npm install simple-element-resize-detector
Observes resizing of an element using a hidden iframe.
``sh`
npm i -S simple-element-resize-detector
`js
import observeResize from 'simple-element-resize-detector';
// any DOM element that can have children
let element = document.createElement('div');
// listen for resize
observeResize(element, () => {
console.log('new size: ', {
width: element.clientWidth,
height: element.clientHeight
});
});
`
To stop observing resize events, simply remove the returned detector frame:
`js
let detector = observeResize(el, () => {});
detector.remove();
// or, for better browser compatibility:
// detector.parentNode.removeChild(detector)
`
* element passed to observeResize() must have position: relative style to be correctly observed, otherwise nearest relative ancestor will be observed instead.
* This library uses