Collisions

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.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?