I have a Select2 Box, with tagging enabled to add new own tags. Selecting an existing option works without any problem (of any length). But some code prevents me from adding a new option longer than 2 characters long (just can't add more characters). See the JSFiddle
<select class="form-control select2" multiple="multiple" id="employee-groups-select" name="employee[employee_group_ids][]">
<option value="4">Text1</option>
<option value="1">Text2</option>
<option value="3">Text3</option>
<option value="2">Text4</option>
</select>
jQuery code to initialize the select2
$('#employee-groups-select').select2({
theme: 'bootstrap4',
tags: true,
width: '100%',
tokenSeparators: [',', ' '],
});
Help is highly appreciated. I have no idea where to look.
I have a Select2 Box, with tagging enabled to add new own tags. Selecting an existing option works without any problem (of any length). But some code prevents me from adding a new option longer than 2 characters long (just can't add more characters). See the JSFiddle
<select class="form-control select2" multiple="multiple" id="employee-groups-select" name="employee[employee_group_ids][]">
<option value="4">Text1</option>
<option value="1">Text2</option>
<option value="3">Text3</option>
<option value="2">Text4</option>
</select>
jQuery code to initialize the select2
$('#employee-groups-select').select2({
theme: 'bootstrap4',
tags: true,
width: '100%',
tokenSeparators: [',', ' '],
});
Help is highly appreciated. I have no idea where to look.
Share Improve this question edited May 9, 2019 at 7:15 fydelio asked May 8, 2019 at 18:05 fydeliofydelio 9631 gold badge9 silver badges24 bronze badges 2-
How you are doing this?:
But some code prevents me from adding a new option longer than 2 characters long
– Dani Commented May 9, 2019 at 7:21 - @Dani, please see the JSFiddle provided in the description: jsfiddle/rqyzupjv/2 – fydelio Commented May 9, 2019 at 8:27
2 Answers
Reset to default 11Seems to be a bug / patibility issue between the latest select2.js library 4.0.7 and jQuery 3.4.x. See the issue on Github: https://github./select2/select2/issues/5485
UPDATE: Got fixed in version 4.0.8
The slect2 4.0.8 appears to fix it, here it works!