Bootstrap: Positioning error on SVG tooltips/popovers when scrolled, then clicked.

Created on 27 Jul 2016 · 8Comments · Source: twbs/bootstrap

See this Pen:

https://codepen.io/ryan_labar/pen/zBadPB

awaiting-reply js v3

Source

ryanlabar

Most helpful comment

As this topic still works with bootstrap 3.3.5 and even on top of jquery 3.2.1 i think it's not the right way to break a former behaviour and argument not to fix it due to dev on the upcoming version that is available as ALPHA only.

gabel on 28 Jun 2017

👍3

All 8 comments

On what browser and OS?

cvrebert on 27 Jul 2016

Chrome, Opera, Safari, Firefox, Vivaldi on MacOS (OSx). Haven't tested on Windows. If you load BS v. 3.3.6 in my CodePen the popovers works just fine.

ryanlabar on 28 Jul 2016

In Windows also fails

daniapa on 3 Aug 2016

👍1

Similar here, the tooltip is indeed triggered, but can't find it anywhere in the view.

Chrome 52.0.2743.116, Mac OSX 10.11.6;
Bootstrap 3.3.7

t47io on 17 Aug 2016

jQuery version should be checked when calculating elOffset so that this doesn't break for jQuery pre-3.x. Looks like the example Pen uses 2.2.4.

drewskig on 30 Aug 2016

Bootstrap 3 is no longer being officially developed or supported.

All work has moved onto our next major release, v4. As such, this issue or pull request is being closed as a "won't fix." For additional help and support, we recommend utilizing our community resources. Thanks for your understanding, and see you on the other side of v4!

<3,
@mdo and team

mdo on 6 Sep 2016

gabel on 28 Jun 2017

👍3

@ryanlabar, the problem is that you're still using jQuery 2. Bootstrap 3.3.7 requires you to use jQuery 3. The reason why the tooltips stopped working can be found on line 1623 in Bootstrap 3.3.7:

var isSvg = window.SVGElement && el instanceof window.SVGElement
// Avoid using $.offset() on SVGs since it gives incorrect results in jQuery 3.
// See https://github.com/twbs/bootstrap/issues/20280
var elOffset  = isBody ? { top: 0, left: 0 } : (isSvg ? null : $element.offset())