Merge pull request #6466 from kanishk333gupta/fix-case-court-report-dropdown

Fixed court report dropdown

Author: compwron

app/assets/stylesheets/pages/casa_cases.scss

@@ -181,6 +181,16 @@ body.casa_cases-show {
   -moz-appearance: none;
 }
 
+// removes select2 dropdown default border
+span.select2-selection.select2-selection--single {
+  border: none;
+}
+
+// removes select2 dropdown default arrow
+.select2-selection__arrow {
+  display: none;
+}
+
 .select-wrapper {
   display: flex;
   flex-direction: column;

app/javascript/src/casa_case.js

@@ -159,6 +159,13 @@ function handleModalClose () {
   $('#case-selection').val(null).trigger('change')
 }
 
+// re-initialized for setting modal as dropdownParent
+function handleDropdownSelection () {
+  if ($('#case-selection').hasClass('select2')) {
+    $('#case-selection').select2();
+  }
+}
+
 $(() => { // JQuery's callback for the DOM loading
   $('button.copy-court-button').on('click', copyOrdersFromCaseWithConfirmation)
 
@@ -178,6 +185,8 @@ $(() => { // JQuery's callback for the DOM loading
   // modal id is defined in _generate_docx.html.erb so would like to be able to implement modal close logic in that file
   // but not sure how to
   $('#generate-docx-report-modal').on('hidden.bs.modal', () => handleModalClose())
+  
+  $('#generate-docx-report-modal').on('shown.bs.modal', () => handleDropdownSelection())
 
   $('#btnGenerateReport').on('click', handleGenerateReport)