diff --git a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx index 41e6981fb8..ebfa1c1661 100755 --- a/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/common/tooltip/component.jsx @@ -57,9 +57,19 @@ class Tooltip extends Component { const { position, title, + delay, + placement, } = this.props; const { animations } = Settings.application; + + const overridePlacement = placement ? placement : position; + let overrideDelay; + if (animations) { + overrideDelay = delay ? [delay, ANIMATION_DELAY[1]] : ANIMATION_DELAY; + } else { + overrideDelay = delay ? [delay, 0] : [ANIMATION_DELAY[0], 0]; + } const options = { aria: null, @@ -69,14 +79,14 @@ class Tooltip extends Component { arrow: roundArrow, boundary: 'window', content: title, - delay: animations ? ANIMATION_DELAY : [ANIMATION_DELAY[0], 0], + delay: overrideDelay, duration: animations ? ANIMATION_DURATION : 0, interactive: true, interactiveBorder: 10, onShow: this.onShow, onHide: this.onHide, offset: TIP_OFFSET, - placement: position, + placement: overridePlacement, touch: 'hold', theme: 'bbbtip', multiple: false,