Created by: tmorehouse
Related to issue #24251 (closed), larger popovers and tooltips which have the trigger element placed inside an element with overflow: scroll (or similar) will end up with weird placements that cover the trigger element (note the trigger button is completely hidden by the popover):
This PR, similar to PR #24976, adds a boundary config option, that allows the user to specify what element constrains the positioning of the tooltip or popover. The boundary option accepts a string - either 'scrollParent' (the Popper.js default), 'viewport' or 'window' - or a reference to an HTMLElement (which can only be set via the JavaScript option, not data-boundary="..."). The new config option boundary is passed directly to the Popper.js config modifiers.preventOverflow.boundariesElement as is.
Popover with boundary set to 'viewport', which now can properly breakout of the scrollable parent:
This PR doesn't include the position: static fix required in PR #24976 (dropdowns), as tooltips and popover are typically appended to <body> and not the scrollable container, nor is there an obvious parent element to place position: static on.
/cc @Johann-S