focus（）不适用于过渡元素

Question

点击标题部分中的搜索图标后显示的输入框未获得焦点。已尝试以下代码：

jQuery('.top-bar-section .search-form').toggleClass('shown').focus();

也

$( ".top-bar-section .search-button" ).click(function() {
  $( ".top-bar-section .search-field" ).focus();
});

用户单击图标时会添加

类.shown。

Example in header section of live url