fix the bug of mixing the section filters because this.element was th…

…e container not the filters section blocks

app/javascript/controllers/browse_filters_controller.js

@@ -47,11 +47,11 @@ export default class extends Controller {
                 filter = "private_only"
                 break;
             default:
-                checks = this.#getSelectedChecks().map(x => x.value)
+                checks = this.#getSelectedChecks(event).map(x => x.value)
                 filter = event.target.name
         }
-
         this.#dispatchEvent(filter, checks)
+        event.stopPropagation()
     }
 
     federationChange(event){
@@ -69,11 +69,10 @@ export default class extends Controller {
                 data: data
             }, bubbles: true
         });
-
         this.element.dispatchEvent(customEvent);
     }
-    #getSelectedChecks() {
-        return Array.from(this.element.querySelectorAll('input:checked'))
+    #getSelectedChecks(event) {
+        return Array.from(event.currentTarget.querySelectorAll('input:checked'))
     }
 
 }

app/views/ontologies/browser/browse.html.haml

@@ -33,7 +33,7 @@
     %div{data: { controller: "turbo-frame history browse-filters" , "turbo-frame-url-value": "/ontologies_filter?page=1&#{request.original_url.split('?').last}", action: "change->browse-filters#dispatchFilterEvent changed->history#updateURL changed->turbo-frame#updateFrame"}}
 
       .browse-sub-container
-        .browse-first-row{data:{action: "change->browse-filters#dispatchFilterEvent changed->history#updateURL"}}
+        .browse-first-row
           %div.pt-1
             = upload_ontology_button
           %div{style:'margin-top: 30px'}