Triggering resize event on any element without using setTimeout and requestAnimationFrame
#Tested on:
- IE11
- IE10 (emulated on IE11) TODO: check on real browser
- IE9 (emulated on IE9) TODO: check on real browser
- IE8 (emulated on IE8) TODO: check on real browser
- IE7 (emulated on IE7) TODO: check on real browser
- MS Edge
- Chrome 51
- Firefox 49.0a
#TODO:
- test for compatibility
- test on old firefox (<=3.6)
- test on old IE versions
- test on Opera
- test on Safari
- test on Mobile devices
- some automatic testing
#REQUIREMENTS FOR TESTING:
- npm
- http-server (npm install http-server -g)
#USAGE:
var element = document.getElementById("container");
createResizeEvent(element);
element.addEventListener("resize", function(){
console.log("resized");
});