Как предотвратить зависание при отключении при переходе в IE?

Question

Я сделал простой веб-сайт, который воспроизводит ошибку в IE11.

Когда я курю на красной вкладке, он показывает синий контейнер. В синем контейнере есть выпадающий список. Если я затем выпадаю из раскрывающегося списка и наведите указатель мыши на элементы, синий контейнер исчезнет, ​​но выпадающее меню все еще показывает. Я пробовал в хром, и этой ошибки там не бывает, просто похоже на IE. Я хочу, чтобы синий контейнер все еще показывался, пока я даже выхожу из выпадающего списка и наводил на них все это.

Кто-нибудь знает, как это исправить?

Благодаря

html, 
 
body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
.tab { 
 
    background-color: red; 
 
    display: inline-block; 
 
} 
 
.hovermenu { 
 
    display: none; 
 
    width: 100%; 
 
    height: 50vh; 
 
    background-color: cyan; 
 
    position: -ms-page; 
 
    position: fixed; 
 
} 
 
.container { 
 
    display: inline-block; 
 
} 
 
.container:hover .hovermenu { 
 
    display: block; 
 
}

<div class="container"> 
 
    <div class="tab">TAB</div> 
 
    <div class="hovermenu"> 
 
    <select> 
 
     <option value="1">A</option> 
 
     <option value="2">B</option> 
 
     <option value="3">C</option> 
 
     <option value="4">D</option> 
 
     <option value="5">E</option> 
 
    </select> 
 
    </div> 
 
</div>

Answer 1

Я узнал, как исправить это быстрый и грязный путь для IE.

 $("select").bind('focus', {}, function (event) { 
      $(this).closest(".hovermenu").css('display', 'block'); 
     }).bind('blur', {}, function (event) { 
      $(this).closest(".hovermenu").css('display', ''); 
     });