Skip to content

Tooltip positions are not behaving as expected #4877

Closed
@thislooksfun

Description

@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/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions