Fix a problem with focus not working in Redmine 5.0 or later

Author: ishikawa999

app/views/custom_message_settings/_messages.html.erb

@@ -12,7 +12,13 @@ $(document).ready(function() {
   setSelect2();
 });
 
-let currentSearchKeyword;
+// Fix a problem with focus not working in Redmine 5.0 or later.
+// issue: https://github.com/select2/select2/issues/5993
+$(document).on('select2:open', function() {
+  document.querySelector('.select2-search__field').focus();
+});
+
+var currentSearchKeyword;
 $('#key-selector').on('select2:select', function (e) {
   var key = e.params.data.id;
   var val = e.params.data.text;

assets/stylesheets/custom_messages.css

@@ -26,7 +26,7 @@
   text-decoration: none;
 }
 
-.select2-container--default .select2-results__option span.key {
+.select2-container--default .select2-results__option:not(.select2-results__option--highlighted) span.key {
   color: gray;
 }
 .select2-container--default .select2-results__option[aria-disabled=true] {