CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Feeling Lazy
Feeling Lazy

Reputation: 33

Popover not visible inside div with overflow hidden

I was trying to show a popover inside a div container,but it was getting hidden inside the div because of overflow-x : hidden.

Here is my implementation :Demo

Please help me guys. Thanks :)

Upvotes: 3

Views: 1071

Answers (3)

dnaranjo
dnaranjo

Reputation: 3784

You can fix it by adding a couple of parameters to the popover:

$('[data-toggle="popover"]').popover({ html : true, container: 'body'});

Upvotes: 3

Kapil
Kapil

Reputation: 1141

You can open popover in bottom using data-placement="bottom" like this

<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Some content">Hover over me</a>

OR

$(document).ready(function(){
    $('[data-toggle="popover"]').popover({container: 'body'});
});

Upvotes: 0

Sudhir Pandit
Sudhir Pandit

Reputation: 46

Use data-placement="bottom" in achor tag

<a href="#" title="Header" data-toggle="popover" 
data-placement="bottom" data-trigger="hover" 
data-content="Some content">Hover over me</a>

Copied from your jsFiddle

Upvotes: 0

Related Questions