Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Problems with bootstrap popover z-index

I can't seem to get z-index work on bootstrap popover if it's in div which has smooth div scroll on it. I've tried putting extremely high values, looked in all css's to see if there were any z-indexes higher then popover's but achieved no success.

Javascript:

$(".project").smoothDivScroll({
    mousewheelScrolling: "allDirections",
    hotSpotScrolling: false,
    touchScrolling: true
});
$(".block").popover({
    html: true,
    animation: true,
    placement: 'right'
});

Here's how it looks at the moment: 1, 2.

Live example: here

like image 924
Tom Avatar asked Nov 29 '22 01:11

Tom


1 Answers

This is old, but for others, try adding the following attribute:

data-container="body"
like image 115
the mad zergling Avatar answered Dec 18 '22 02:12

the mad zergling