JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div>
    <input type="text" title="A" placeholder="A" />
    <input type="text" title="B" placeholder="B" />
</div>

<ol>
    <li>Click on A and keep the focus on it</li>
    <li>Press TAB</li>
    <li>Click out of the textboxes</li>
</ol>

<span><b>You see B is hiding normally</b></span>

CSS

ol { margin: 70px 0 0 0; }

JavaScript

$('input').tooltip({ items: '[title]' });