Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs: fix the default value of Popper's boundary option #33685

Merged
merged 4 commits into from Apr 21, 2021
Merged

docs: fix the default value of Popper's boundary option #33685

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
09d975f
Update docs to change the default value for Popper
rohit2sharma95 Apr 19, 2021
2f2abb8
Update tooltips.md
XhmikosR Apr 20, 2021
4a74240
Update tooltips.md
XhmikosR Apr 20, 2021
f4fe911
Merge branch 'main' into rs/popper-default-config
XhmikosR Apr 20, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions site/content/docs/5.0/components/tooltips.md
View file
Open in desktop
Expand Up @@ -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 >}}
Expand Down