The following table summarizes the known issues and limitations of the igPopover
™ control for the Ignite UI for jQuery® 2020.1 release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table.
Workaround available | |
No known workaround | |
Fix planned |
Issue | Description | Status |
---|---|---|
The pointer is mispositioned in Chrome on page loading | If the igPopover is shown when initially loading the page, the arrow is not positioned properly according to the content frame. |
|
show method requiring target parameter with selectors option is used | When the selectors option is set and multiple targets are available, the show method needs DOM element to be passed as parameter, otherwise an error is thrown. |
In Google® Chrome™ browser, if the igPopover
control appears upon the initial loading of the page, the pointer is not positioned properly relative to the content frame.
The issue occurs because the DOM element is loaded, but the content is not, so the width and height of the target element are 0.
Workaround 1: Set width and height of the target element with the style attribute.
In HTML:
style="width:160px;height:160px"
Workaround 2: Invoke the show method of the
igPopover
inside the$(window).load()
function.
In JavaScript:
$(window).load(function () {
$('#imgPopover').igPopover("show");
});
View on GitHub