Defining `data-separator` prevents paste

[axllent]

Hi @lekoala!

An issue just go reported to me via one of my projects: it appears that when a data-separator is defined (in my case data-separator="|,|") it becomes impossible to paste anything from the browser, either via Ctrl-v or right-clicking + paste.

Any suggestions? Thanks.

[axllent]

Sorry, to continue, elsewhere in the same project I also use the same separator, however in this one I am able to paste, except bootstrap-5-tags splits the pasted string into single character tags.

I'll give you the full code.

First example (paste does not work):

<select class="form-select tag-selector" v-model="addresses" multiple data-allow-new="true"
	data-clear-end="true" data-allow-clear="true"
	data-placeholder="Enter email addresses..." data-add-on-blur="true"
	data-badge-style="primary"
	data-regex='^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$'
	data-separator="|,|">
	<option value="">Enter email addresses...</option>
	<option v-for="t in allAddresses" :value="t">{{ t }}</option>
</select>

Second example (pastes to single character tags):

<select class="form-select small tag-selector" v-model="messageTags" multiple
	data-full-width="false" data-suggestions-threshold="1" data-allow-new="true"
	data-clear-end="true" data-allow-clear="true" data-placeholder="Add tags..."
	data-badge-style="secondary" data-regex="^([a-zA-Z0-9\-\ \_\.]){1,}$"
	data-separator="|,|">
	<option value="">Type a tag...</option>
	<option v-for="t in availableTags" :value="t">{{ t }}</option>
</select>

The difference between these appears to be caused by the regex validation, because when I remove it in the first example I also get single-character tags. The point is that pasting a string (no spaces) turns it into single character tags in bootstrap5-tags.

[lekoala]

you are right there is something odd here

and it seems there is an issue with the regex so i'm going to have a look :) if you see what's wrong feel free to submit a pr

edit: forgot how the separator was working

[lekoala]

@axllent this should do the job https://github.com/lekoala/bootstrap5-tags/releases/tag/1.7.15
it works in my demo anyway :)

[axllent]

That's awesome, thanks so much for the quick fix @lekoala! Works for me 👍