ui-select inside a bootstrap dropdown menu

[jbonigomes]

I am using ui-select inside a bootstrap dropdown menu, this menu only closes when I click outside the dropdown menu area, this is good, however, with an ui-select there, the bootstrap dropdown closes when I select a value from ui-select

[RobJacobs]

Questions of this nature will get a better response on Stackoverflow, see the faq. You have 2 separate popup implementations fighting each other, not sure why you would want to use ui-select in a dropdown as ui-select itself is a dropdown? Closing for now, I will re-open if you feel there is an issue we can address.

[jbonigomes]

Thanks @RobJacobs, but I think we may have a misunderstanding here, I have taken a screenshot of the UI to demonstrate better what is happening:

The bootstrap dropdown englobes a sequence of ui-select items.

[dasrick]

Same problem here ... the selection of an item of the inner ui-select will close the outer bootstrap dropdown (ui-bootstrap dropdown with auto-close="outsideClick") ...
@jbonigomes did you find a solution/workaround/pull-request for this behavior?

Screenshot: the selection of a role will close the complete dropdown ...

[icfantv]

Without researching it further, It sounds like the issue may be with event propagation. I would encourage you guys to use the un-minified version of the UI bootstrap library and see if this is the case. However, it may boil down to what library is actually causing the issue, UI Bootstrap or UI Select.

If the latter, I'm afraid that active development on that project has appeared to stall so unless you REALLY need all the features of UI Select for that select box (find-as-you-type, tagging, etc...) I would strongly encourage the use of the native <select> element w/ ng-options. Doing this may also help discern where exactly the problem lies.

In general, it's really just a good idea to only use 3rd party libraries to provide specific functionality where you need them and not "just because you're using it elsewhere." This is what we've done at work and, like us, I think you'll find that you'll have a lot less headaches. Think of it as "using the right tool for the job."

Hope that helps and please let us know what you find. Thanks.

[mi-rsc]

@icfantv I have the same problem and solved it with a plain select element instead of ui-select. But it looks not so good in any browser and sometimes i need the "find-as-you-type" feature. So is there any progress in that discussion ?

[icfantv]

@Rabbit-IQ would the typeahead widget work in this scenario?