Popover has wrong z-index and gets hidden behind the nav bar

[houmie]

<div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <div class="nav pull-right"> <div class="cb_inline_block"> <a class="btn btn-small cb_inline_block icon timezone_help" data-content="{% trans 'hahaha' %}" rel="popover" href="#" data-original-title="{% trans 'Time Zone' %}"><i class="icon-question-sign icon-large"></i></a>

http://i.imgur.com/0bNqZ.png

The popup button is on the navbar, but the message gets hidden underneath.

I checked it with Firebug and it seems navbar has a z-index of 1030, while the popover message has a index of 1010.

[mdo]

@fat I think this needs to be solved via JS give your recent changes to popover/tooltip positioning, no?

[demike]

That has been fixed in 2.1.2, commit 88b1e44, because the popover is derived from the tooltip

[houmie]

Hi @koenpunt

No problem here it is:

http://jsfiddle.net/houmie/XRSFr/3/

Hope that helps,

[koenpunt]

My bad, did run make haunt to see what it does and at first it showed me nothing, but now I see; it commented on all the issues.. But anyway, thanks for adding :)

[demike]

@houmie the z-index issue is solved via js in 2.1.2: http://jsfiddle.net/XRSFr/5/

[mdo]

Closing out.

[houmie]

Thank you guys.

[LeleDev]

This issue seems be back again with static navbars..

[cvrebert]

@LeleDev Please open a new issue with a JS Fiddle (or similar) that demonstrates the problem. Thanks. <3

[cvrebert]

@LeleDev Seems to be working okay AFAICT: http://jsfiddle.net/X5n5F/1/