Является ли изменение фокуса в HTML мгновенным для целей CSS? ⇐ CSS

[Anonymous]

У меня есть пара входов, где второй вход похож на «раскрывающийся список»: он должен появляться только тогда, когда первый вход находится в фокусе, а затем он должен быть фокусируемым и редактируемым до тех пор, пока фокус полностью не переместится с входных данных.
Я пытался реализовать это с помощью селекторов CSS :focus.

< div class="snippet-code">

Код: Выделить всё

input.conditional {
display: none;
}

input.conditional:focus {
display: block;
}

input.main:focus~input.conditional {
display: block;
}

Код: Выделить всё

Однако, когда я фокусируюсь на первом вводе, а затем пытаюсь нажать при нажатии (или TAB) второго ввода он сразу исчезает. Похоже, что он становится display: none и становится нефокусируемым, прежде чем он сможет получить фокус.
Я пытался перехватить фокус/

Код: Выделить всё

blur

события, и даже несмотря на то, что Blur правильно имеет второй вход как linkedTarget, для второго входа нет события последующего фокуса.
Должен ли быть «пробел» при переходе фокуса, когда у первого ввода больше нет :focus, а у второго ввода еще нет :focus?>

Подробнее здесь: https://stackoverflow.com/questions/790 ... s-purposes