The ui5-popover component displays additional information for an object
in a compact way and without leaving the page.
The Popover can contain various UI elements, such as fields, tables, images, and charts.
It can also include actions in the footer.
Note: The ui5-popover is closed when the user clicks
or taps outside the popover
or selects an action within the popover. You can prevent this with the
modal property.
**Note: ** We recommend placing popup-like components (ui5-dialog and ui5-popover)
outside any other components. Preferably, the popup-like components should be placed
in an upper level HTML element. Otherwise, in some cases the parent HTML elements can break
the position and/or z-index management of the popup-like components.
Note: We don't recommend nesting popup-like components (ui5-dialog, ui5-popover).
Defines the ID or DOM Reference of the element at which the popover is shown. When using this attribute in a declarative way, you must only use the id (as a string) of the element at which you want to show the popover. You can only set the opener attribute to a DOM Reference when using JavaScript.
Defines the ID of the HTML Element, which will get the initial focus. Note: If an element with autofocus attribute is added inside the component, initialFocus won't take effect.
You can influence the placement of the popup.
Note: if there is not enough space for the popup on the defined side, it will open on the side with enough space.