Change the dropdown handler event to behave differently on other browsers

app/views/analyze/index.html.erb

@@ -14,12 +14,12 @@
   <div class="d-flex flex-column flex-grow-6 bg-color-white col-3 px-5" data-controller="analyze">
     <h3 class="sub-header-4">Focus Area</h3>
     <p>Select a category & subcategory to analyze measure-level results</p>
-    <select id="select-category" class="mx-3 form-select" data-id="category-dropdown" data-action="click->analyze#refresh">
+    <select id="select-category" class="mx-3 form-select" data-id="category-dropdown" data-action="analyze#refresh">
       <% @categories.each do |category|  %>
         <option value="<%= analyze_category_link(district: @district, school: @school, academic_year: @academic_year, category: category) %>"  <%= @category.id == category.id ? "selected": ""  %> ><%= "#{category.category_id}: #{category.name}" %></option>
       <% end %>
     </select>
-    <select id="select-subcategory" class="mx-3 form-select mt-3" data-id="subcategory-dropdown" data-action="click->analyze#refresh">
+    <select id="select-subcategory" class="mx-3 form-select mt-3" data-id="subcategory-dropdown" data-action="analyze#refresh">
       <% @subcategories.each do |subcategory|  %>
         <option value="<%= analyze_subcategory_link(district: @district, school: @school, academic_year: @academic_year, category: @category, subcategory: subcategory) %>"  <%= @subcategory.subcategory_id == subcategory.subcategory_id ? "selected": ""  %> ><%= "#{subcategory.subcategory_id}: #{subcategory.name}" %></option>
       <% end %>