A blur event raises too late when an input became hidden in IE

[AlexanderMoskovkin]

Are you requesting a feature or reporting a bug?

bug

Provide the test code and the tested page URL (if applicable)

It's reproduced on DevExpress Bootstrap GridView internal pages.

I've create a simple example to demonstrate the problem

Tested page:

<input id="input1"/>
<input id="input2"/>

<script>
    var input1 = document.getElementById('input1');
    var input2 = document.getElementById('input2');

    input1.addEventListener('keydown', function (e) {
        if (e.key.toLowerCase() === 'tab') {
            input1.style.display = 'none';

            window.setTimeout(function () {
                input2.focus();
            });
        }
    });

    input1.addEventListener('blur', function (e) {
        if (e.srcElement.tagName && e.srcElement.tagName.toLowerCase() === 'input') {
            // document.activeElement should be `input1` now but it's `input2` in IE now
            document.activeElement.blur();
        }
    });

</script>

Test code

await t
        .click('#input1')
        .pressKey('tab')
        .expect(Selector('#input2').focused).ok();

Specify your

• testcafe version: 0.13.0

[lock]

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests. We recommend you ask TestCafe API, usage and configuration inquiries on StackOverflow.