Added chosen lib

config/sync/chosen.settings.yml

@@ -0,0 +1,18 @@
+_core:
+  default_config_hash: OHFGY8dygN7xT4c0vdvK-HmdGFN61Sww_KLKfBkIrWc
+minimum_single: 20
+minimum_multiple: 20
+disable_search_threshold: 0
+minimum_width: 0
+use_relative_width: false
+jquery_selector: 'select:visible'
+search_contains: false
+disable_search: false
+allow_single_deselect: false
+add_helper_buttons: false
+placeholder_text_multiple: 'Choose some options'
+placeholder_text_single: 'Choose an option'
+no_results_text: 'No results match'
+max_shown_results: null
+disabled_themes: {  }
+chosen_include: 2

config/sync/core.entity_form_display.user.user.default.yml

@@ -20,7 +20,7 @@ dependencies:
     - field.field.user.user.os2loop_user_postal_code
     - field.field.user.user.os2loop_user_professions
   module:
-    - autocomplete_deluxe
+    - chosen_field
     - field_group
     - inline_entity_form
     - user
@@ -123,21 +123,10 @@ content:
       placeholder: ''
     third_party_settings: {  }
   os2loop_user_areas_of_expertise:
-    type: autocomplete_deluxe
+    type: chosen_select
     weight: 20
     region: content
-    settings:
-      match_operator: CONTAINS
-      autocomplete_route_name: autocomplete_deluxe.autocomplete
-      size: 60
-      selection_handler: default
-      min_length: 0
-      delimiter: ''
-      not_found_message_allow: false
-      not_found_message: "The term '@term' will be added"
-      new_terms: false
-      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
-      match_limit: '0'
+    settings: {  }
     third_party_settings: {  }
   os2loop_user_biography:
     type: string_textarea
@@ -180,9 +169,14 @@ content:
       override_labels: false
       label_singular: ''
       label_plural: ''
+      allow_new: true
+      hide_fieldset: false
+      hide_title: false
       collapsible: false
       collapsed: false
       revision: false
+      config_labels_button: _none
+      labels: {  }
     third_party_settings: {  }
   os2loop_user_job_title:
     type: string_textfield
@@ -217,21 +211,10 @@ content:
       placeholder: ''
     third_party_settings: {  }
   os2loop_user_professions:
-    type: autocomplete_deluxe
+    type: chosen_select
     weight: 30
     region: content
-    settings:
-      match_operator: CONTAINS
-      autocomplete_route_name: autocomplete_deluxe.autocomplete
-      size: 60
-      selection_handler: default
-      min_length: 0
-      delimiter: ''
-      not_found_message_allow: false
-      not_found_message: "The term '@term' will be added"
-      new_terms: false
-      no_empty_message: 'No terms could be found. Please type in order to add a new term.'
-      match_limit: '0'
+    settings: {  }
     third_party_settings: {  }
 hidden:
   langcode: true

config/sync/core.extension.yml

@@ -5,6 +5,9 @@ module:
   block: 0
   block_field: 0
   breakpoint: 0
+  chosen: 0
+  chosen_field: 0
+  chosen_lib: 0
   ckeditor5: 0
   comment: 0
   config_filter: 0

web/profiles/custom/os2loop/themes/os2loop_theme/assets/components/forms/user-form.scss

@@ -46,10 +46,22 @@
 	.field--type-entity-reference {
 		@extend .form-group;
 		margin-bottom: 0;
+
+        .chosen-enable.custom-select {
+          padding: 0;
+
+          ul {
+            padding: 12px 15px;
+          }
+        }
 	}
+    .chosen-drop {
+      top: 50px;
+    }
 
 	.form-submit {
 		display: flex;
 		margin-left: auto;
 	}
+
 }