Bootstrap-popover is a small overlay of content that is used to display secondary information of any element when it is clicked by a user
Questions tagged [bootstrap-popover]
337 questions
5
votes
1 answer
Bootstrap 4.3.1 Broke PopConfirm
With the release of Bootstrap 4.3.1, PopConfirm stopped working. Whenever a PopConfirm instance is triggered, the buttons do not appear:
I recreated the issue here: https://www.codeply.com/go/2BWcRgi8mc I'm using the following dependencies and…

bhall
- 1,391
- 3
- 14
- 19
5
votes
2 answers
Bootstrap 3 - Popover div html
I based in this example:
https://jsfiddle.net/hL0pvaty/
But the popover must contain a html div , therefore, what I want is a mixture between the first and the second…

Eladerezador
- 1,277
- 7
- 25
- 48
5
votes
2 answers
Popover is not showing on first click after closing it
I am working on this demo. I am trying to discover why the popup is not functioning on first click after closing it by .close button.
$("#pop-One").popover({
placement: 'right',
html: 'true',
title : '

Mona Coder
- 6,212
- 18
- 66
- 128
5
votes
1 answer
popover width issue between ltr and rtl languages
After a lot of reading and searching SO threads, I almost have my popovers working as I want them with different languages - except for the following issue:
I have a difference in width of my bootstrap 3 popovers between ltr languages (English,…

user1261774
- 3,525
- 10
- 55
- 103
5
votes
3 answers
bootstrap popover button click event does not working using jquery
I use the code for bootstrap popover as follows,

sridharnetha
- 2,104
- 8
- 35
- 69
5
votes
3 answers
Bootstrap popover with manual trigger attached on dynamic content
I have a dynamic set of contenteditable divs. Divs that have class ".showPopover", will have a popover. The popover trigger is set to manual, because I want them to appear on focus, but not always hide on blur.
I found here [question]: Bootstrap…

ovalek
- 127
- 1
- 2
- 8
4
votes
1 answer
Uncaught (in promise) TypeError: Cannot read property 'template' of null popover.js
I am noticing an error when I trigger the .popover('dispose'); function the error happens when I scroll up and down page and it slows my page right down. The function behaves as it should and dismisses the popover but this is the error Uncaught (in…

roshambo
- 2,624
- 6
- 31
- 54
4
votes
1 answer
Bootstrap 4: Why popover inside scrollable dropdown doesn't show?
I want this to work just like Bootstrap 3. When I have a dropdown with scrollbar on hover popover, and I think there is a problem with Bootstrap 4. I need overflow:hidden; to make the dropdown scroll, but the popover is hidden too. I tried to use…

VonZipper
- 55
- 1
- 6
4
votes
1 answer
How can I set b-popover target dynamically in vue js?
I want to show details of each state, Where user has clicked using one popover component. There all data will be set dynamically using state id.
Now my problem is, I can't set target dynamically. I want to set the popover target, where user has…

Jakarea Parvez
- 540
- 6
- 9
4
votes
1 answer
Extending Directives in Angular 4
I'm trying to extend NgbPopover in order to dispatch a custom action when the popover's open or close methods are called.
I have the following set up:
custom-popover.directive.ts
@Directive({
selector:'[customPopover]',
…

alecvn
- 541
- 1
- 4
- 15
4
votes
1 answer
ngx bootstrap popoverTitle render as HTML
I am using ngx bootstrap popver: http://valor-software.com/ngx-bootstrap/#/popover#popover-directive. I am able to render popover body as HTML. However, that does not work for PopoverTitle. The documentation says that popover type is string |…

user1892775
- 2,001
- 6
- 37
- 58
4
votes
2 answers
Bootstrap popover is blinking on hover
I've created a toggled sidebar with icons.
I wanted to describe the icon by boostrap popover, but there is a bug with the popover if hovering it from the left side. The popover starts to blink.
When I'm hovering the icon from the bottom, the popover…

Archer
- 1,062
- 1
- 13
- 32
4
votes
1 answer
Change react-bootstrap OverlayTrigger Popover's content while displayed
I am using react-boostrap's Popover with the OverlayTrigger class. My issue is that when I change the content on the Popover while it is displayed, it is properly resized but the position gets wrong. The popover maintains its top left corner…

Ryan Pergent
- 4,432
- 3
- 36
- 78
4
votes
2 answers
Content function called twice in Bootstrap Popover
I have a Bootstrap Popover which loads a function, like this:
var index = 0;
$('#Button').popover({
html:true,
placement:'right',
content:function(){
index = index +1;
return index;
}
});
And the HTML is just:

Daniel Marín
- 1,369
- 14
- 36
4
votes
2 answers
How to use a different combination of triggers for uib-popover?
The official documentation at :https://angular-ui.github.io/bootstrap/#/popover says that the following trigger combos can be passed as param to the popover-trigger attribute :
mouseenter: mouseleave
click: click
outsideClick: outsideClick
focus:…

Rohit Rane
- 2,790
- 6
- 25
- 41