z-index issue: typeahead dropdown-menu displays under navbar-fixed-top/bottom

[jamesbeck]

If you use a typeahead drop down menu within a fixed navbar, the dropdown menu is displayed under the navbar. The dropdown is given a z-index of 1000 whilst the fixed navbar is 1030.

[mdo]

Will need to talk to @fat to see if we can programmatically set this.

[demike]

All these issues are there because popovers, the typeahead menu and tooltips are appended to body.
If the dropdown menu is inserted after the the element (in this case the typeahead input element) it displays over the navbar, because it resides inside the navbar with z-index 1000.
Try it out: change bootstrap-typeahead.js line 36
from:
this.$menu = $(this.options.menu).appendTo('body')
to:
this.$menu = $(this.options.menu).insertAfter(this.$element)

In this case I think the menu should be overflow:visible

[mainerror]

@markdotto Technically speaking or if it would make sense?

[fat]

this should be fixed in 2.1.2

[cvrebert]

Duplicate of #1872.