Focus input field in Bootstrap dropdown menu -

Focus input field in Bootstrap dropdown menu -

i'm having hard time focusing input field in drop downwards menu of twitter bootstrap. html markup follows:

<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>

i've created jsfiddle this: http://jsfiddle.net/yppqw/2/

can please tell me how maintain drop downwards visible when focusing input field

try adding 'dropdown' class element 'the btn-group' class

you can remove btn-group class unless plan on having other buttons next one.

twitter-bootstrap