twitter/bootstrap — pull request #2335 by mariocesar (2012-02-29 18:02:19+00:00)
Title: If there is a form on a item on the dropdown menu, don't toggle the visibility of the menu.

This is a simple enhancement, that feels just to be a good default behavior for the dropdown library.

As the twitter account menu it self on the homepage, it has a login form as a item of the menu, while the user writes his username and passwords, it's incorrect that the menu hides on when selecting the form.

The feature is do by just disabling the click event on any form inside the dropdown menu.

$parent.find('form').click(function(event){
event.stopPropagation();
});

Optionally will be good, after stopping the propagation of the click on the form, that can be trigger again if the click event comes from a button tag:

$parent.find('form button').click(function(event) {
$parent.trigger('click');
});

I'm not so sure if this will be a good behavior.

Maybe is the best, just to stop the propagation on the items that the user needs for input, like input, select and option tags.