JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<input id="main" type="text" />
<input id="autocomplete" type="text" disabled="disabled" />
</div>
CSS
div
{
position: relative;
}
#main{
position: absolute;
top: 0;
left: 0;
z-index: 11;
background: transparent;
}
#autocomplete{
position: absolute;
top: 0;
left: 0;
background: transparent;
z-index: 10;
}
JavaScript
$('#main').keyup(function(e){
console.log(e);
$('#autocomplete').val($(this).val() + 'asdf')
});