Tooltip positions are not behaving as expected

[thislooksfun]

Describe the bug

The tooltips generated via the v-b-tooltip directive don't behave as I expect.

Steps to reproduce the bug

1. Create a fairly wide element
2. Add a tooltip with one of topleft topright bottomleft or bottomright
3. The tooltip still appears in the middle of the element, just offset relative to the arrow

Expected behavior

I expect that when I tell the tooltip to have a position of topleft it would appear relative to the top-left corner of the source element, not still appearing in the middle.

Versions

Libraries:

• BootstrapVue: 2.5.0
• Bootstrap: 4.4.1
• Vue: 2.6.11

Environment:

• Device: Mac
• OS: macOS Catalina 10.15.2 (19C57)
• Browser: Electron (Chromium)
• Version: Electron v7.1.11

Demo link

https://jsfiddle.net/v60h9jua/

[tmorehouse]

The positions refer to the placement of the tooltip's body/arrow, rather than relative to the trigger element. The tooltip's arrow will always be centered (middle) on the side, but the tooltip will be pushed right/left/top/bottom based on the second part of the positioning.