Tooltip.js doesn't properly handle blur event on mobile

CodePen demo

No CodePen needed, since it does not work even on the homepage of tooltip.js https://popper.js.org/tooltip-examples.html

Steps to reproduce the problem

1. Open the given homepage on iPhone and scroll to see “It just works Hover me to see 4 tooltips!” text
2. Touch this text and observe nothing

What is the expected behavior?

I expect that all 4 tooltips will show up (it works on Android, Windows Mobile and everywhere I could test except iPhone)

What went wrong?

Tooltip does not show up.

Any other comments?

Tested on iOS 6 with Safari, Chrome and Firefox and nothing. It does work only when element is <a>

[grzegorztomasiak]

@FezVrasta, yes, like this:

let tooltip = new Tooltip(myElement, {
            title: myTitle,
            html: true,
            placement: myPlacement
            offset: '0,10,0,0'
        });

        myElement.tabIndex = 0;

[FezVrasta]

Hi, I’m interrupting the development of the tooltip.js library to focus on the development of @popperjs/core (Popper.js v2).

Please consider switching to Tippy.js, which is a way better alternative to Tooltip.js and is well maintained. Tippy.js still uses Popper.js under the hood, so you will find all your favourite features.

I’ll close this issue.