Fix choices dropdown search order and z-index to show on top of shifts table

resources/assets/js/forms.js

@@ -238,6 +238,8 @@ ready(() => {
   document.querySelectorAll('select').forEach((element) => {
     element.choices = new Choices(element, {
       allowHTML: true,
+      shouldSort: false,
+      shouldSortItems: false,
       classNames: {
         containerInner: 'choices__inner form-control',
       },

resources/assets/themes/choices.scss

@@ -20,6 +20,10 @@ $es-choices-highlight-color: $choices-text-color !default;
   padding: $input-padding-y 1.75rem $input-padding-y $input-padding-x !important;
 }
 
+.#{$choices-selector} .#{$choices-selector}__list {
+  z-index: $zindex-sticky + 2;
+}
+
 .#{$choices-selector}__list--single {
   padding: 0;
 }