diff --git a/resources/assets/js/forms.js b/resources/assets/js/forms.js index 4262dfef..ee12c5ee 100644 --- a/resources/assets/js/forms.js +++ b/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', }, diff --git a/resources/assets/themes/choices.scss b/resources/assets/themes/choices.scss index cd1bf211..72f441f1 100644 --- a/resources/assets/themes/choices.scss +++ b/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; }