Added support for select2 tags

assets/js/admin.js

@@ -88,6 +88,7 @@ const Admin = {
         const popover = select.data('popover');
         let maximumSelectionLength = null;
         let minimumResultsForSearch = 10;
+        let allowTags = false;
 
         select.removeClass('form-control');
 
@@ -101,6 +102,12 @@ const Admin = {
           allowClearEnabled = false;
         }
 
+        if (select.attr('data-sonata-select2-allow-tags') === 'false') {
+          allowTags = false;
+        } else {
+          allowTags = true;
+        }
+
         if (select.attr('data-sonata-select2-maximumSelectionLength')) {
           maximumSelectionLength = select.attr('data-sonata-select2-maximumSelectionLength');
         }
@@ -117,6 +124,7 @@ const Admin = {
           placeholder: allowClearEnabled ? ' ' : '', // allowClear needs placeholder to work properly
           allowClear: allowClearEnabled,
           maximumSelectionLength,
+          tags: allowTags,
         });
 
         if (undefined !== popover) {

docs/cookbook/recipe_select2.rst

@@ -71,6 +71,29 @@ to enable ``allowClear`` or ``data-sonata-select2-allow-clear = "false"`` to dis
 
     You have to use false as string! ``"false"``!
 
+AllowTags
+----------
+
+Select2 parameter ``allowTags`` can be set using the data attribute ``data-sonata-select2-allow-tags="true"``
+to enable ``allowTags``::
+
+    use Sonata\AdminBundle\Form\Type\ModelType;
+
+    protected function configureFormFields(FormMapper $form): void
+    {
+        $form
+            ->add('category', ModelType::class, [
+                'attr' => [
+                    'data-sonata-select2-allow-tags' => 'true'
+                ]
+            ])
+        ;
+    }
+
+.. note::
+
+    You have to use false as string! ``"false"``!
+
 Minimum results for search
 --------------------------