CODEWITHSUNDEEP
javascriptjquerybootstrap-4popoverbootstrap-popover
Gokul Kumar
Gokul Kumar

Reputation: 409

Popover do not show?

Popover do not show fully when hovering button. It is going for inside a screen.

I refer the internet why popover hidden by screen, But not yet getting correct fix.

Please refer the below sample

http://jsfiddle.net/8o48q5ej/

HTML:

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="left" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

JAVASCRIPT:

$(function() {


    $('.wrapper2').popover({
        selector: '.my-tip2',
        trigger: 'hover'
    });
});

Upvotes: 0

Views: 240

Answers (1)

James Hill
James Hill

Reputation: 61792

Simply change the placement of the tooltip from left to right so that the tooltip's placement doesn't put it outside of the viewable area.

<div class="wrapper2">
    <div class="tips my-tip2" data-placement="right" data-content="Second Popover content">
       Second Div Content
    </div>
</div>

Here's a working fiddle.

Upvotes: 2

Related Questions