diff options
| author | andyexeter <[email protected]> | 2016-09-15 10:33:11 +0100 |
|---|---|---|
| committer | Bardi Harborow <[email protected]> | 2016-11-26 19:13:15 +1100 |
| commit | 0ded703f6bb7b0c60b1ec8e90592c845ca07d46e (patch) | |
| tree | 56082cb8992db4a4c6a009e3526eaa41da3521db | |
| parent | 308bc77dbb412e4df1194459a9b34ad72da02ca6 (diff) | |
| download | bootstrap-0ded703f6bb7b0c60b1ec8e90592c845ca07d46e.tar.xz bootstrap-0ded703f6bb7b0c60b1ec8e90592c845ca07d46e.zip | |
Implement container option for tooltips and popovers.
| -rw-r--r-- | docs/components/tooltips.md | 2 | ||||
| -rw-r--r-- | js/src/tooltip.js | 10 |
2 files changed, 8 insertions, 4 deletions
diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index b6dc451ec..31fb2c1c7 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -165,7 +165,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap </tr> <tr> <td>container</td> - <td>string | false</td> + <td>string | element | false</td> <td>false</td> <td> <p>Appends the tooltip to a specific element. Example: <code>container: 'body'</code>. This option is particularly useful in that it allows you to position the tooltip in the flow of the document near the triggering element - which will prevent the tooltip from floating away from the triggering element during a window resize.</p> diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 822ae3652..94f77a2a4 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -46,7 +46,8 @@ const Tooltip = (($) => { selector : false, placement : 'top', offset : '0 0', - constraints : [] + constraints : [], + container : false } const DefaultType = { @@ -59,7 +60,8 @@ const Tooltip = (($) => { selector : '(string|boolean)', placement : '(string|function)', offset : 'string', - constraints : 'array' + constraints : 'array', + container : '(string|element|boolean)' } const AttachmentMap = { @@ -274,9 +276,11 @@ const Tooltip = (($) => { const attachment = this._getAttachment(placement) + const container = this.config.container === false ? document.body : $(this.config.container) + $(tip) .data(this.constructor.DATA_KEY, this) - .appendTo(document.body) + .appendTo(container) $(this.element).trigger(this.constructor.Event.INSERTED) |