JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

Hover over the button multiple times
<br><br>
<button>button</button>
<div id="popup">Watch me move down and right!</div>

CSS

body {
    padding: 20px;
}
#popup {
    display: none;
    width: 300px;
    height: 200px;
    padding: 10px;
    border: #333 1px solid;
}

JavaScript

// position bug

$('button').hover(function() {
    $('#popup').position({
        of: $('button'),
        my: "left top",
        at: "left top",
        collision: "fit",
    }).show();
}, function() {
    $('#popup').hide();
})