I have two side-by-side popovers (shown in jsEditor here). I’ve based this implementation on this demo
I am having two separate issues:
- The arrow offset of the popovers seems to be additive if you add more than one popover.
- If I just make the first popover (i.e. comment out the $(“#prop-second-popover”).popover(…) call) everything works, and the arrow offset points at the correct place (i.e. the middle of the first tile)
- Uncommenting the $(“#prop-second-popover”).popover(…) call affects the offset of the arrow of my first popover. This results in the offset arrow for the first tile being in the wrong position.
- I have added a loader div to this page. The loader shows when I close a popover (either for the first-popover or the second-popover). The problem exists that when I close the loader (hitting the escape key). Upon closing the loader, the close event for the first-popover is triggered (evidence is in the console). The close event for the first-popover is also triggered when I close the second-popover.
- I would like to have an ajax request occur upon closing the popovers, but I cannot allow this cross-talk to occur between close events.
Please advise on both of these issues.