Twitter Bootstrap のドロップダウン メニューの入力フィールドにフォーカスするのに苦労しています。私のhtmlマークアップは次のとおりです。
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Groups <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Friends <i class="icon-ok pull-right"></i></a></li>
<li><a href="#">Family <i class="icon-ok pull-right"></i></a></li>
<li><a href="#">Other</a></li>
<li class="divider" />
<li><input type="text" class="input-block-level" placeholder="New group" /></li>
</ul>
</div>
このための jsFiddle も作成しました: http://jsfiddle.net/Yppqw/2/
入力フィールドにフォーカスを当てたときにドロップダウンを表示したままにする方法を教えてください