JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="remark" />

JavaScript

var remark = [
    "is under construction",
    "is a part of another construction.",
    "has acquired other work.",
    "Could not source construction."];

$("#remark").bind("keydown", function (event) {
    if (event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) {
        event.preventDefault();
    }
}).autocomplete({
    source: remark,
    search: function () {
        var term = extractLast(this.value);
        if (term.length < 2) {
            return false;
        }
    },
    focus: function () {
        return false;
    },
    select: function (event, ui) {
        var terms = split(this.value);
        terms.pop();
        terms.push(ui.item.value);
        terms.push("");
        this.value = terms.join(",");
        return false;
    }
});

function split(val) {
    return val.split(/,\s*/);
}

function extractLast(term) {
    return split(term).pop();
}