This behavior keeps popper menus inside the viewport by automatically adjusting their placement when they open, resize, or move near the edge of the screen. Each popper starts from its preferred placement class, then switches to the best available position only when needed. Bridge and arrow elements are also updated to match the active placement. View the full documentation for setup, structure, and usage details.
relative, absolute, fixed, or sticky). This allows the parent container to control the horizontal alignment and available width of the popper content.Connect popover triggers and targets through matching attribute values using b-popover-open and b-popover-target. The system supports multiple triggers and targets sharing the same value, allowing coordinated popover behavior across the page. Opening and closing are controlled through the attributes b-popover-open and b-popover-close, as well as the class popover-close for local closing. Optional attributes such as b-popover-hover = true and b-popover-auto-close = # enable hover transitions and timed closing. Transition states are handled through the classes is-open, on-enter, and on-exit, ensuring smooth and predictable popover animations regardless of where the components are placed in the layout. View the full documentation for setup, structure, and usage details.