Как оставить закреплённым поле поиска тега button, при вводе текста, после псевдокласса :focus?

Question

Хочется закрепить открывающееся поле не только при наведении, но и при вводе текста. Возможно сделать без использования скрипта?

<https://codepen.io/agma/pen/MWwGoGG>

Answer 1

Если добавить .searchIn:focus к существующему .searchBox:hover > .searchIn то пока фокус на инпуте, то не закроется Ваш поиск

.searchBox:hover > .searchIn,
.searchIn:focus
{
  width: 240px;
  padding: 0 6px;
}