dropdown in modal misbehaves

luceos

It seems a common issue that dropdowns in modals misbehave. Trying to create such a feature for selecting a default group I came across this issue. Setting z-index or overflow does not help. I'd like to know whether we can solve this:
http://stackoverflow.com/questions/11899870/bootstrap-in-a-modal-dialog-how-do-i-make-the-dropdown-menu-expand-outside-the
issue-1

Toby

What about setting overflow on the container, like this:

.DefaultGroupSettingsModal .Modal-content {
  overflow: visible;
}

Personally I would not use a dropdown for this UI. There's plenty of room to display a set of radio buttons, similar to the checkboxes in the edit user modal:

luceos

Toby i tried overflow, but it simply did nothing at all.. (Check the SO link).

I guess that the alternative will be to use a radio yes. I guess that will result in some problem automatically when too many groups exist, but so would having a dropdown.. Is there no autocompleting field with multi or single options? That would solve many more problems in the future I guess.