JSFiddle - React, Tailwind, and code Playground
HTML
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://news.ycombinator.com" data-send="false" data-width="100" data-show-faces="false" data-layout="button_count"></div>
<div id="container"></div>
CSS
.fb-like {
position: absolute !important;
}
body {
cursor: text !important;
}
#container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: 1;
z-index: 20;
pointer-events: none;
}
JavaScript
document.addEventListener( 'mousemove', function( evt ) {
var like = document.getElementsByClassName('fb-like')[0];
console.log(like)
like.style.left = (evt.pageX - 30) + 'px';
like.style.top = (evt.pageY - 10) + 'px';
}, false );