Window resize trigger event is not working in IE11

Question

I want to call the resize event using code.

I am using following code .It is working fine in otherbrowsers but not in the IE11.

if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
            $(window).trigger('resize');

        } else {
            window.dispatchEvent(new Event('resize'));

        }

Please advice me, am I missing anything?

Just use `$(window).trigger('resize')` it will work in IE 11 also — Satpal, Jun 01 '15 at 10:46
@rightPath Provide minimalistic sample to replicate your issue in question itself. And so post code binding event you are trying to trigger or better explain what you are looking for, don't just say `it is not working`... — A. Wolff, Jun 01 '15 at 10:50

score 31 · Answer 1 · answered Dec 27 '16 at 10:08

31

Even Internet explorer 11 does not support resize event. Therefore, I have resolved this by using following solution.

if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
     var evt = document.createEvent('UIEvents');
     evt.initUIEvent('resize', true, false, window, 0);
     window.dispatchEvent(evt);
    } else {
       window.dispatchEvent(new Event('resize'));

    }

answered Dec 27 '16 at 10:08

Shivek Parmar

2,865
2
33
42

1

Thanks Shivek - this was the only answer that worked for me after trying many other possible solutions. The key was to use UIEvents and not HTMLEvents – ben_the_builder Apr 26 '17 at 13:32
My code works fine for everything except IE so is the else {} needed? Thanks, – Scott Romack May 04 '18 at 16:04
This is great, this is the only solution that does not result in many errors in the console – kittycatbytes May 16 '18 at 19:27

score 1 · Answer 2 · answered Apr 05 '18 at 00:44

1

Try this

var resizeEvent = window.document.createEvent('UIEvents'); 
resizeEvent .initUIEvent('resize', true, false, window, 0); 
window.dispatchEvent(resizeEvent);

answered Apr 05 '18 at 00:44

teacoffee

11
2

score 1 · Answer 3 · edited Apr 06 '19 at 08:00

The solution from the other post How to trigger the window resize event in JavaScript? that I came across works well.

Snippet of the same:

if (typeof(Event) === 'function') {
    // modern browsers
     window.dispatchEvent(new Event('resize'));
} else {
    // for IE and other old browsers
    // causes deprecation warning on modern browsers
    var evt = window.document.createEvent('UIEvents'); 
    evt.initUIEvent('resize', true, false, window, 0); 
    window.dispatchEvent(evt);
}

Window resize trigger event is not working in IE11

3 Answers3