Не удается заставить ul оставаться открытым с помощью задержки перехода

Question

На этой странице в правом верхнем углу вы увидите «Engli sh», если навести на него курсор, вы увидите список языков. У вас нет времени перейти на последний язык, всплывающее окно исчезает. В основном это ul открывается при наведении курсора на #lang-select

#lang-select.header .block-content ul {
    list-style-type: none;
    padding: 10px 20px;
    margin: 0;
    background: #FFF;
}

Я также пробовал добавить

#lang-select.header .block-content ul {
    transition-delay: 3s;
    transition-property: background;
}

, я пробовал transition-property: padding; Также я пытался применить transition-delay к #lang-select напрямую, не получилось

Answer 1

Проблема с z-индексом. Обертка проходит через раскрывающееся меню, поэтому, когда ваш курсор перемещается от заголовка к оболочке, он думает, что вы наводите курсор на оболочку, а не на языки. В css добавить

#header {
    z-index: 1000
}