Fix select2 input focus & select2 multiple input remove

Author: jcastroa87

src/resources/views/crud/form_content.blade.php

@@ -80,10 +80,19 @@ function triggerFocusOnFirstInputField(firstField) {
      * @param {jQuery} firstField
      */
     function handleFocusOnSelect2Field(firstField){
-        $('.select2-search__field').remove();
         firstField.select2('focus');
     }
 
+    /*
+    * Hacky fix for a bug in select2 with jQuery 3.6.0's new nested-focus "protection"
+    * see: https://github.com/select2/select2/issues/5993
+    * see: https://github.com/jquery/jquery/issues/4382
+    *
+    */
+    $(document).on('select2:open', () => {
+        setTimeout(() => document.querySelector('.select2-container--open .select2-search__field').focus(), 200);
+    });
+
     jQuery('document').ready(function($){
 
       // trigger the javascript for all fields that have their js defined in a separate method