addyosmani/jquery-ui-bootstrap — Issue #40: Forms inside a modal dropdown not editable
Author: et
Created: 2012-01-19 02:18:20+00:00
State: open

Bear with me on this, I'm trying something ridiculous. Essentially, I have a form inside a [dropdown menu](http://twitter.github.com/bootstrap/javascript.html#dropdown) which is inside a [dialog](http://jqueryui.com/demos/dialog/)

For whatever reasons, the input fields inside the dropdown are not editable. Input fields outside the dropdown are.

Here is a repository that demonstrates the issue: https://github.com/et/dropdown-experiment

Here are screenshots of what I'm talking about:

Input field editable outside dropdown
![editable](http://i.imgur.com/qIPbb.png)

Input fields not editable within dropdown.
![uneditable](http://i.imgur.com/tpb8t.png)

I've tried tweaking with firebug to isolate the issue but cannot determine what the cause is.