 <p>It is not specific to Bootstrap.</p> <p>Here is a solution using jQuery (works for bootstrap or non-bootstrap login box) :</p> <pre><code>$('.dropdown').on('mouseover', function () { $('.dropdown-menu', this).show(); }).on('mouseout', function (e) { if (!$(e.target).is('input')) { $('.dropdown-menu', this).hide(); } }); </code></pre> <p>thanks to dtrunks for this solution : <a href="http://stackoverflow.com/questions/19727671/div-disappears-when-hovering-the-input-autocomplete-in-firefox">Div disappears when hovering the input autocomplete in Firefox</a></p>