Could someone please test this for me, as I keep getting errors, not sure if it is a bug or me being silly.
I have a modal that opens, inside it, I have a tagify field, that populates itself from a database query and allows the user to remove or add options if they want, but it pre populates with the most common options, it also has validation of required on it, like this.
<div class="form-group">
<div class="form-floating mb-3 fs-6">
<input is="dmx-tagify" id="inp_tagify_vr" name="tagify_vr" dmx-bind:data="sc_stock_list.data.query_stock" tag-text="wvrs_heading" tag-value="id_wvrs" nocustom="true" min-chars="0" required="" dmx-bind:value="sc_stock_list.data.query_stock.values(`id_wvrs`)" max-items="3" class="w-100 pt-5">
<label for="inp_tagify_vr">Available</label>
</div>
<small id="inp_tagify_vr_help" class="form-control-plaintext fs-6 text-muted">Please remove any options that should not be available.</small>
</div>
I submit the form, it is successful, on success i close the modal window, and reset the form.
If I now go and open that same modal, with the same form inside it again to add another stock item, then it fails validation, saying “This field is required” below the tagify input.
The strange thing is I can see all the tags displayed inside it, however validation seems to think it is now empty.
If I look at the payload submitted, it is also missing all the tagify values all of a sudden, so I assume the form reset is doing something really odd with this, but would love confirmation incase it is just me.
Last updated: