From b1bd54955ed5d6cd3eeb848dd068fc8bca88d585 Mon Sep 17 00:00:00 2001 From: Rohit Sharma Date: Wed, 16 Dec 2020 20:07:27 +0200 Subject: Restore `offset` option for tooltip/popover components --- js/src/tooltip.js | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'js/src') diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 909cb0f8a..6d85fde26 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -50,6 +50,7 @@ const DefaultType = { html: 'boolean', selector: '(string|boolean)', placement: '(string|function)', + offset: '(array|string|function)', container: '(string|element|boolean)', fallbackPlacements: 'array', boundary: '(string|element)', @@ -80,6 +81,7 @@ const Default = { html: false, selector: false, placement: 'top', + offset: [0, 0], container: false, fallbackPlacements: ['top', 'right', 'bottom', 'left'], boundary: 'clippingParents', @@ -473,6 +475,20 @@ class Tooltip extends BaseComponent { return context } + _getOffset() { + const { offset } = this.config + + if (typeof offset === 'string') { + return offset.split(',').map(val => Number.parseInt(val, 10)) + } + + if (typeof offset === 'function') { + return popperData => offset(popperData, this._element) + } + + return offset + } + _getPopperConfig(attachment) { const defaultBsConfig = { placement: attachment, @@ -484,6 +500,12 @@ class Tooltip extends BaseComponent { fallbackPlacements: this.config.fallbackPlacements } }, + { + name: 'offset', + options: { + offset: this._getOffset() + } + }, { name: 'preventOverflow', options: { -- cgit v1.2.3