Skip to content

Tooltip improvements #28992

Open
Open
@ray73864

Description

In the past I have used tooltipster for tooltips, but recently I switched to tippy because it uses popper.js for the positioning, but now I'm attempting to move to BS4 native tooltips to try and thin down the number of libraries I am using.

However, I am finding that BS4 tooltips don't support enough things that I need from tooltips.

From Tooltipster and Tippy I use their interactive feature, ie. "interactive: true", this means that when I hover over the element with the tooltip, the tooltip will display, if I then move the mouse over the now displayed tooltip, the tooltip will remain until I move my mouse away from the tooltip (and the element it is attached to).

The benefit of this is that I can put things inside it that a person can interact with (obviously).

From Tippy, I use the 'followCursor' option a decent amount so that the tooltip is where the mouse cursor is, this is especially useful because with elements that have a longer width, the tooltip often ends up further to the right than the content in the element, with followCursor turned on, the tooltip ends up wherever the arrow is.

Tippy: https://atomiks.github.io/tippyjs/
Tooltipster: https://iamceege.github.io/tooltipster/

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions