Version

Known Issues And Limitations (igPopover)

Known Issues and Limitations Summary

Known issues and limitations summary chart

The following table summarizes the known issues and limitations of the igPopover™ control for the Ignite UI for jQuery® 2020.2 release. Detailed explanations of all of the issues and the existing workarounds are provided after the summary table.

Legend:

Workaround available
No known workaround
Fix planned

igPopover

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.

igPopover

The pointer is mispositioned in Chrome on page loading

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