JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<span contenteditable="true" id="edit_input_fake">Input</span> <span class="trailing">Trailing text</span>
</div>
CSS
div {
border: 1px solid #999;
padding: 5px;
width: 100%;
}
span {
width: auto;
outline: 0;
}
span.trailing {
color: grey;
}
JavaScript
$('div').on('click', function () {
$('#edit_input_fake').focus();
});