diff options
| author | Mark Otto <[email protected]> | 2018-07-20 18:34:57 -0500 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-07-20 18:34:57 -0500 |
| commit | 23e4d48e658c60db7a2fa7f69e338e0a586c90fa (patch) | |
| tree | 3886f543c33cd3b7a3811a78f871f3ac9161b048 /site/docs | |
| parent | 6f52b2eafa82850faca784f925eeddacf5303d03 (diff) | |
| parent | a4b2e39178c51695915197191eeeefe579be0720 (diff) | |
| download | bootstrap-23e4d48e658c60db7a2fa7f69e338e0a586c90fa.tar.xz bootstrap-23e4d48e658c60db7a2fa7f69e338e0a586c90fa.zip | |
Merge branch 'document-tooltip-flickering' of https://github.com/simPod/bootstrap into simPod-document-tooltip-flickering
Diffstat (limited to 'site/docs')
| -rw-r--r-- | site/docs/4.1/components/tooltips.md | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/site/docs/4.1/components/tooltips.md b/site/docs/4.1/components/tooltips.md index 90bcc15ce..05e63f3cf 100644 --- a/site/docs/4.1/components/tooltips.md +++ b/site/docs/4.1/components/tooltips.md @@ -86,6 +86,17 @@ Trigger the tooltip via JavaScript: $('#example').tooltip(options) {% endhighlight %} +{% capture callout %} +##### 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'`: + +{% highlight js %} +$('#example').tooltip({ boundary: 'window' }) +{% endhighlight %} +{% endcapture %} +{% include callout.html content=callout type="warning" %} + ### Markup The required markup for a tooltip is only a `data` attribute and `title` on the HTML element you wish to have a tooltip. The generated markup of a tooltip is rather simple, though it does require a position (by default, set to `top` by the plugin). |