From: Rohit Sharma Date: Wed, 21 Apr 2021 05:15:22 +0000 (+0530) Subject: docs: fix the default value of Popper's `boundary` option (#33685) X-Git-Tag: v5.0.0~45 X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=4d973259f55834ef9c9543fbcc265f11219ba8b2;p=thirdparty%2Fbootstrap.git docs: fix the default value of Popper's `boundary` option (#33685) `'scrollParent'` is no longer the default `boundary` value Co-authored-by: XhmikosR --- diff --git a/site/content/docs/5.0/components/tooltips.md b/site/content/docs/5.0/components/tooltips.md index b56766dd5b..61c6753a43 100644 --- a/site/content/docs/5.0/components/tooltips.md +++ b/site/content/docs/5.0/components/tooltips.md @@ -116,12 +116,12 @@ var tooltip = new bootstrap.Tooltip(exampleEl, options) {{< callout warning >}} ##### Overflow `auto` and `scroll` -Tooltip position attempts to automatically change when a parent container has `overflow: auto` or `overflow: scroll` like our `.table-responsive`, but still keeps the original placement's positioning. To resolve, set the `boundary` option to anything other than default value, `'scrollParent'`, such as `'window'`: +Tooltip position attempts to automatically change when a **parent container** has `overflow: auto` or `overflow: scroll` like our `.table-responsive`, but still keeps the original placement's positioning. To resolve this, set the [`boundary` option](https://popper.js.org/docs/v2/modifiers/flip/#boundary) (for the flip modifier using the `popperConfig` option) to any HTMLElement to override the default value, `'clippingParents'`, such as `document.body`: ```js var exampleEl = document.getElementById('example') var tooltip = new bootstrap.Tooltip(exampleEl, { - boundary: 'window' + boundary: document.body // or document.querySelector('#boundary') }) ``` {{< /callout >}}