Solution to tag select new option not submitted on form

[cpgo]

Using this example https://preline.co/docs/advanced-select.html#tags
I noticed that I can type new value and press enter and it would be added to the input.
But when submitting the form the new options added like that would be missing from the pauload.

So I mde this workaround

  const myInput = document.getElementById("my-tag-input")
  document.addEventListener("DOMContentLoaded", () => {
    myInput.addEventListener("change.hs.select", (e) => {
      const payload = e.detail.payload || [];
      const currentOptions = [...e.target.options].map(opt => opt.value);

      payload.forEach(value => {
        if (!currentOptions.includes(value)) {
          const option = document.createElement('option');
          option.value = value;
          option.text = value;
          option.selected = true;
          e.target.appendChild(option);
        }
      });
      console.log({final: e.target.selectedOptions})
    })
  })

Now the options are correctly submitted and I can even access them via myInput.selectedOptions

Is there already a way to do it on the library? Tried finding it on the docs but had no luck

For my use case I will pobably also add some hidden metadata field to keep track of what tags where added this way.