JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/black-tie/jquery-ui.min.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 still opened and it is impossible to hide it</b></span>

CSS

ol { margin: 70px 0 0 0; }

JavaScript

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