Неправильная последовательность фокусировки скрытие элемента на KeyDown событие в Firefox

Question

У меня есть следующий код: http://jsfiddle.net/tpveo23c/1/

var onKeydown = function() { 
 
    document.getElementById('testDiv').style.display = "none"; 
 
};

<input type="text" value="1" onkeydown="onKeydown();" /> 
 
<div id="testDiv" style="width:300px; height:50px; border:1px solid black"> 
 
    <input type="text" value="2" /> 
 
    <input type="text" value="2" /> 
 
</div> 
 
<input type="text" value="3" />

Там есть проблема с фокусом на вкладке в Firefox. Шаги для воспроизведения: сфокусируйтесь на input1 -> нажмите вкладку. Ожидаемое поведение: сосредоточиться на input3 (Chrome/IE отлично работает).

Я не знаю, сколько входов в testDiv, и не может сфокусировать вход3 вручную. Как заставить его работать в Firefox, как в Chrome/IE?

Answer 1

Я нашел решение:

var onKeydown = function() { 
 
    document.getElementById('testDiv').style.display = "none"; 
 
    var width = document.getElementById('testDiv').offsetWidth; 
 
};

https://jsfiddle.net/tpveo23c/2/