Elements in an input group below a selectpicker have a higher z-index, causing them to appear above the opened menu

[BI7PRK]

I have tried to rewrite,
it has not been solved.

[caseyjhol]

Bug reports must include a live demo of the problem. Per our contributing guidelines, please create a reduced test case via Plunker, jsFiddle, CodePen or JS Bin, and report back with your link, Bootstrap version, bootstrap-select version, and specific browser and OS details.

[TomKrakott]

Since 1.13.0, when you place the select in input-group, you've got this case :
https://jsfiddle.net/Thanaucy/6v01gfrs/
Work in 1.12.4

[bazineta]

Have this issue as well. @caseyjhol, if you've got a pointer on where to look, I can take a stab at it.

[bazineta]

@caseyjhol Just trying to move the ball forward here; it seems that the issue I'm seeing stems from line 23 of bootstrap-select.less:

z-index: 1;

If I comment that out, my issue seems to go away without breaking anything else, at least so far as I can see at the moment. The purpose of that particular z-index is at present unclear to me, but it's not as if that's saying much, really...the set of things that are unclear to me is, regretfully, quite large.

[caseyjhol]

@bazineta That was first introduced in commit 9dfbe55 when support for HTML5 validation was added. Originally, the select was inserted after the button, which is why z-index needed to be set on the button. Since commit 303eb95, though, where support for pseudo class styling was added, setting the z-index there has been unnecessary (as the select element is now before the button). Thanks for catching that! Will get this out in the next release.

[caseyjhol]

This issue mostly stems from the fact that since v1.13.0-beta, the input-group-btn class is no longer automatically applied to the .bootstrap-select div (as styling is automatically inherited).

[caseyjhol]

Released in v1.13.6!