Tooltips arrow breakaway

[huang-x-h]

Hi

Browser：Chrome 56.0.2924.87 / IE 10.0.9200.16384 / Firefox 53.0

View http://getbootstrap.com/javascript/#tooltips, the tooltips arrow breakaway

But Chrome 57 / IE 11 it's ok.

[Johann-S]

Tested on Win10 Firefox 53 not able to reproduced your issue.
FYI we don't support browser zooming see : http://getbootstrap.com/getting-started/#support-browser-zooming

[huang-x-h]

We do not zoom the browser, it's default 100%, and we test on Win7 and Win8.1

[oktalk]

I can't duplicate this either. Tested in all mentioned browsers and OS's.

[jipexu]

the given example is BS 3 ??

..."View http://getbootstrap.com/javascript/#tooltips, the tooltips arrow breakaway" ...

it's labelled V4 ?

[Johann-S]

Bootstrap 3 is essentially in maintenance mode as we focus on working towards a stable v4. As such, we're only accepting changes to v3's code on a case-by-case basis, usually only for critical bug fixes or docs improvements.

[huang-x-h]

Sorry for reply late

We test v4 version also have the same problem

https://v4-alpha.getbootstrap.com/components/tooltips/

OS: Windows8  6.2.9200 N/A Build 9200
Browser: Chrome 56.0.2924.87

[jipexu]

seems to happens only with your config ?
OS: Windows8 6.2.9200 N/A Build 9200
Browser: Chrome 56.0.2924.87

i have not this on
Chrome Version 58.0.3029.96 (64-bit)
Safari
FF
macOS sierra 10.12.4

[huang-x-h]

@jipexu chrome 58 we test it's ok, but not on chrome 56, and also on IE10 / FF54

[dillix]

I also have this issue with tooltips on Chrome 56 (mac) & ElectronJS (build on Chromium 56)

[jipexu]

so seems chrome 56 "bug" on both mac/win ?

[dillix]

@jipexu, yes I tested on 56 win & 56 mac. Both versions have it.

[Johann-S]

With this PR : #22681 arrow positionning will be managed by Popper.js

[feng-xiao]

@Johann-S , have the arrow issue fixed for Chrome 58? See the screenshot below, I have this issue only on Chrome (58). it's working for IE 11, Edge (latest), and Firefox

[Johann-S]

Where can I reproduce this @feng-xiao ?

[feng-xiao]

@Johann-S try this https://codepen.io/anon/pen/rwNepE

[feng-xiao]

@Johann-S After I updated bootstrap css and js got from the latest dist from v4dev branch, it works on Chrome at 100% zoom, it doesn't work well for zoom mode

Codepen: https://codepen.io/anon/pen/ZyEWRN

Edge:

Chrome 58:

IE 11

[Johann-S]

FYI Bootstrap don't support browser zooming.
So this issue will stay closed. Thank you for your feedbacks @feng-xiao 👍