JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css">
Use <c>TAB</c> to focus button. A tooltip should appear. Then, press <c>ENTER</c>. After empty div is visible, look at tooltip position. Is this a bug?<br>
<div id='invisible'></div>
<button title='Press ENTER to show DIV'>Show DIV</button>

CSS

#invisible {
    display: none;
    border: 1px dashed gray;
    height: 300px;
}

JavaScript

$('button').tooltip().click(function () {
    $('#invisible').toggle();
});