JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tip_holder" title="test">Tip holder</div>
<div id="icis_dashboard"></div>

JavaScript

// Tooltip function
$(function() {
    $.icisBoard = {};
    $(".tip_holder").hover(function() {

        var $containerWidth = $(this).width();

        var $offset = $(this).offset();

        $.icisBoard.$thisTitle = $(this).attr('title');

        $('#icis_dashboard').append('<div id="tooltip">' + $.icisBoard.$thisTitle + '</div>');

        $(this).attr('title', '')        

        //var $tipWidth = $('#tooltip').width();

        //var $tipHeight = $('#tooltip').height();

        $('#tooltip').css({
            'display': 'block',
            'position': 'absolute',
            //'top': $offset.top - ($tipHeight + 5),
            //'left': $offset.left - ($tipWidth - $containerWidth) / 2
        });

    }, function() {

        $('#tooltip').remove();

        $(this).attr('title', $.icisBoard.$thisTitle) 

    });


});