Restore on Backspace

Press the [backspace] key and go back to editing the item without it being fully removed.

AwesomeBeastCompatibleThomas EdisonNikolaSelectizeJavascript

Html

<select id="restore-backspace" multiple>
  <option value="1" selected>Awesome</option>
  <option value="2" selected>Beast</option>
  <option value="3" selected>Compatible</option>
  <option value="4">Thomas Edison</option>
  <option value="5">Nikola</option>
  <option value="6">Selectize</option>
  <option value="7">Javascript</option>
</select>

Javascript

$("#restore-backspace").selectize({
  plugins: ["restore_on_backspace"],
  delimiter: ",",
  persist: false,
  create: function (input) {
    return {
        value: input,
        text: input,
    };
  },
});