From: Simon Podlipsky <simon@podlipsky.net>
Date: Tue, 10 Jul 2018 11:54:45 +0000 (+0300)
Subject: Document tooltip flickering in combination with some overflow settings
X-Git-Tag: v4.1.3~7^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=591725e8386c30b54e8aca258247c83811f628d8;p=thirdparty%2Fbootstrap.git

Document tooltip flickering in combination with some overflow settings
---

diff --git a/docs/4.1/components/tooltips.md b/docs/4.1/components/tooltips.md
index 90bcc15ce6..6e375feba9 100644
--- a/docs/4.1/components/tooltips.md
+++ b/docs/4.1/components/tooltips.md
@@ -86,6 +86,18 @@ Trigger the tooltip via JavaScript:
 $('#example').tooltip(options)
 {% endhighlight %}
 
+{% capture callout %}
+##### Usage with overflow `auto` and `scroll`
+When the parent container has CSS property `overflow` set to values `auto|scroll` (for example when used within `.table-responsive`) the tooltip has weird flickering behaviour.
+
+The solution is to set `boundary` option to anything other than default value `'scrollParent'`. Eg. set it to `'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).