Fixed filter modal closing (#456)

Fixed Filter Dropdown getting closed on click of a label

Co-authored-by: tiwari-nishant <[email protected]>

Author: tiwari-nishant

src/components/Global/TableFilter.vue

@@ -38,12 +38,12 @@
               :data-test-id="`tableFilter-checkbox-${value}`"
               class="filter-checkbox-keys"
             >
-              <BDropdownItem
-                class="filter-checkbox-labels"
+              <span
+                class="filter-checkbox-labels dropdown-item"
                 @click="toggleCheckbox($event)"
               >
                 {{ value }}
-              </BDropdownItem>
+              </span>
             </BFormCheckbox>
           </BFormCheckboxGroup>
         </BFormGroup>
@@ -115,7 +115,8 @@ export default {
       this.$emit('filter-change', { activeFilters });
     },
     toggleCheckbox(event) {
-      const wrapper = event.target.closest(".form-check");
+      event.preventDefault();
+      const wrapper = event.target.closest('.form-check');
       if (!wrapper) return;
 
       const input = wrapper.querySelector('input[type="checkbox"]');
@@ -146,4 +147,8 @@ export default {
     width: 100%;
   }
 }
+.filter-checkbox-labels.dropdown-item:active {
+  background-color: transparent !important;
+  color: inherit !important;
+}
 </style>