From: Mark Otto Date: Mon, 16 Jul 2018 05:27:36 +0000 (-0700) Subject: More wordsmithing X-Git-Tag: v4.1.3~7^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a4b2e39178c51695915197191eeeefe579be0720;p=thirdparty%2Fbootstrap.git More wordsmithing --- diff --git a/docs/4.1/components/tooltips.md b/docs/4.1/components/tooltips.md index d58dc81711..05e63f3cfa 100644 --- a/docs/4.1/components/tooltips.md +++ b/docs/4.1/components/tooltips.md @@ -87,11 +87,9 @@ $('#example').tooltip(options) {% endhighlight %} {% capture callout %} -##### Usage with overflow `auto` and `scroll` +##### Overflow `auto` and `scroll` -When the parent container has the CSS property `overflow` set to values `auto` or `scroll` (for example when used within `.table-responsive`) the tooltip's placement changes to `bottom` but still keeps original placement's positioning. - -The solution is to set the `boundary` option to anything other than default value `'scrollParent'`. For example, set it to `'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, set the `boundary` option to anything other than default value, `'scrollParent'`, such as `'window'`: {% highlight js %} $('#example').tooltip({ boundary: 'window' })