From cad951a6478c30acda9ce0d2fc85bf51f8c3af1e Mon Sep 17 00:00:00 2001
From: Chris McCord <chris@chrismccord.com>
Date: Thu, 3 Feb 2022 11:42:58 -0500
Subject: [PATCH] Fix chrome and edge file input click issue. Closes #26

---
 .../live/profile_live/upload_form_component.html.heex           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/live_beats_web/live/profile_live/upload_form_component.html.heex b/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
index 640ef6c..892ed97 100644
--- a/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
+++ b/lib/live_beats_web/live/profile_live/upload_form_component.html.heex
@@ -49,7 +49,7 @@
                 </svg>
                 <div class="flex text-sm text-gray-600">
                   <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-indigo-600 hover:text-indigo-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
-                    <span phx-click={JS.dispatch("click", to: "##{@uploads.mp3.ref}")}>Upload files</span>
+                    <span phx-click={js_exec("##{@uploads.mp3.ref}", "click", [])}>Upload files</span>
                     <%= live_file_input @uploads.mp3, class: "sr-only" %>
                   </label>
                   <p class="pl-1">or drag and drop</p>