flot.tooltip icon indicating copy to clipboard operation
flot.tooltip copied to clipboard

Default z-index is under Bootstrap's modal.

Open kyourek opened this issue 11 years ago • 6 comments

The default theme's z-index of '100' is less than the z-index of Bootstrap's modal dialog, causing the tooltip to be hidden when the default theme is used for plots shown in a modal.

The minimum z-index I used to make the tooltip visible was '1040' (which is the z-index of Bootstrap's .modal class).

This issue is easily rectifiable by altering the z-index on either the tooltip or the modal, but, with the popularity of Bootstrap, it might be a good idea to have tooltips in modals "just work".

kyourek avatar Jan 29 '14 17:01 kyourek

This issue seems to have returned with Bootstrap 3. Tooltips are hidden with the 1040 index value. When I made them arbitrarily large (e.g., 1240), they reappeared.

awmeade avatar Oct 14 '14 23:10 awmeade

+1 .tooltip { z-index:1240; } helps!

briedis avatar Jul 21 '15 13:07 briedis

+1!!

tomascharad avatar Jul 24 '15 18:07 tomascharad

+1!

brandonrohde avatar Oct 23 '16 08:10 brandonrohde

In my version of the plugin, the actual class is called "flotTip". So for me, this helped : .flotTip { z-index: 9999 !important; }

Carenthir avatar Jan 13 '17 15:01 Carenthir

+1 .tooltip { z-index:1240; } also work's for me

nam-bash avatar Feb 21 '19 12:02 nam-bash