The Popover allows you to control the collision behavior when it's not fully visible. The available options for the collision property are:

  • fit—Moves the Popover horizontally until it is fully displayed in the viewport.
  • flip—Flips the Popover position based on the origin and the position properties.
  • none—The Popover is rendered at its original position. Usable when the Popover is focused on open and the page is scrolled to it.
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?