Placement
Type | String |
Available options | one of "auto" , "top" , "top-start" , "top-end" , "right" , "right-start" , "right-end" , "bottom" , "bottom-start" , "bottom-end" , "left" , "left-start" , "left-end" |
Default | "auto" |
Determines where the popover should be displayed relatively to the wrapped element. Default value "auto"
will place it on the first placement fully contained within viewport, starting from “top”, clockwise (in the same order as in table above).
Note that if the popover placement option takes it out of the viewport, another placement option within viewport will be used, matching "auto"
behavior.
In case of overflow, if "auto"
placement is not ideal, you can provide fallbacks by passing a coma separated chain of placements, like "top, bottom"
(space not required). You can provide up to 4 fallbacks, and it will ultimately fall back to "auto"
if popover is still overflowing viewport.