replaced onchange event with change eventlistener

Author: Corepex

src/Resources/views/admin/customers/partials/list_filter/box/header.html.twig

@@ -23,11 +23,10 @@
                 {% endif %}
                 <!--suppress HtmlFormInputWithoutLabel -->
                 <select
-                        id="filterDefinition[id]"
-                        name="filterDefinition[id]"
-                        onchange="this.form.submit()"
-                        class="form-control plugin-select2"
-                        data-select2-options='{{ {'width': '50%'} | json_encode() }}'
+                    id="filterDefinition-id"
+                    name="filterDefinition[id]"
+                    class="form-control plugin-select2"
+                    data-select2-options='{{ {'width': '50%'} | json_encode() }}'
                 >
                     <option value="0">{{ 'cmf_filters_no_filter_selected' | trans({}, 'admin') }}</option>
                     {% for singleFilterDefinition in filterDefinitions %}
@@ -38,11 +37,18 @@
                 </select>
 
                 <a class="btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></a>
-
             </div>
         {% endif %}
     </div>
 
 </div>
+
+<script {{ pimcore_csp.getNonceHtmlAttribute()|raw }}>
+    window.addEventListener('load', function () {
+        $('#filterDefinition-id').on('change', (e) => {
+            e.target.closest('form').submit();
+        });
+    });
+</script>
 <!-- /.box-header -->