Tooltip white space when zoom: 90%

[JustinDrake]

Chrome for Mac. Taken from the docs.

To repro:

1. Zoom at 90%. (ctrl + -)
2. Notice the tooltip arrow has this line of whitespace.

[cvrebert]

Confirmed, although I only see the problem with the Top and Right placements.

[Lalem001]

@cvrebert When testing in Chrome for mac, look closely when the tooltips are animating in and out. Funky things are happening during the animation.

[mdo]

Might be able to handle this, but it's an edge case for sure. The only way we could would be to make the caret larger and that just gets hairy and confusing. For now I say we punt on this stuff.

[ggam]

@mdo I think we should add a note in the docs advising of all these known issues.

[cvrebert]

@ggam See #9563.

[ggam]

@cvrebert nice initiative, but I was also referring to #8702, #9538 and so on.

[cvrebert]

@ggam #9538 got reopened earlier. I plan on proposing a patch for #8702. What else ya got? 😄

[JustinDrake]

@mdo Just as a heads up on this, the Github tooltips (which look almost identical to the Bootstrap tooltips) work absolutely great on Chrome for Mac regarding changing zooms. No white lines, no rendering glitches. Really neat. Time for some Github inspiration?

[mdo]

Played with this more and didn't get anything concrete. We could fiddle with border styles and what not more, but it's not that high on the priority. Plus, it's been kinda lame to put the work into one component for zooming and not address the others. Punting as a won't fix.