JSFiddle - React, Tailwind, and code Playground

HTML

foo
<div id="container" title="Tooltip test" style="background: rgba(0, 150, 0, 0.5); display: inline;">
    <input id="box" type="textbox" disabled="disabled" value="baz" style="position: relative;"></input>
</div>
bar

CSS

input[disabled]
{
    z-index: -1;
}

JavaScript

$("#container").tooltip();