Tooltip does not close if focus is triggered by keyboard but removed mouse

[dlech]

Environment

• Package version(s): @blueprintjs/[email protected], @blueprintjs/[email protected]
• Operating System: Ubuntu 20.04
• Browser name and version: Chromium Version 88.0.4324.96 (Official Build) snap (64-bit), Firefox 85.0

Code Sandbox

Link to a minimal repro (fork this code sandbox): https://codesandbox.io/s/blueprint-sandbox-forked-146cf?file=/src/CoreExample.tsx

The example has been modified to add Tooltip2 around the Core Sandbox buttons.

FWIW, the same happens with the deprecated Tooltip.

Steps to reproduce

1. click on a blank part of the browser
2. press tab on the keyboard to focus the buttons
3. wait for one second for the tooltip to appear
4. click on a blank area of the browser to remove the focus from the button

Actual behavior

The tooltip stays open

Expected behavior

The tooltip should close since the focus is lost

Possible solution

?

[dlech]

Once you get the hang of it, you can end up with this:

[adidahiya]

Fix open in PR #4512

[dlech]

This issue still exists. I have updated the sandbox to [email protected] and the problem is still reproducible.

[dlech]

vokoscreen-2021-02-08_12-43-35.mp4

[adidahiya]

@dlech did you also upgrade the core package? there was a change made there targeting this issue.

[dlech]

yes, I upgraded all packages in the sandbox

[dlech]

Possible solution

?

Would it work to use onfocusout instead of onblur?

[adidahiya]

I made an updated sandbox to verify that it is still a bug: https://codesandbox.io/s/blueprint-sandbox-forked-eiv42?file=/src/CoreExample.tsx

In fact you can repro it on the Tooltip2 docs page, as I mentioned in #5080 (comment)