From 29143baa3a90f9096866db6b4a389eeb23897011 Mon Sep 17 00:00:00 2001
From: Felipe Gasper <felipe@felipegasper.com>
Date: Sun, 29 Oct 2017 17:26:23 -0400
Subject: [PATCH] a bit lighter: no submit

---
 demo/index.html |  5 ++---
 demo/main.js    | 11 ++++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index 1d0e2bbe..84b94830 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -22,10 +22,9 @@
         <div id="terminal-container"></div>
 
         <div id="zmodem_controls">
-            <form id="zm_choose" style="display: none" action="javascript:void(0)">
+            <div id="zm_choose" style="display: none" action="javascript:void(0)">
                 <label>Choose file(s): <input id="zm_files" type="file" multiple></label>
-                <button type="submit">Send</button>
-            </form>
+            </div>
         </div>
 
         <div>
diff --git a/demo/main.js b/demo/main.js
index 6591c039..8c6a71d8 100644
--- a/demo/main.js
+++ b/demo/main.js
@@ -156,14 +156,15 @@ function zmodemHandleReceiveSession(zsession) {
 }
 
 function zmodemHandleSendSession(zsession) {
-    var choose_form = document.getElementById("zm_choose");
-    choose_form.style.display = "";
+    var chooseForm = document.getElementById("zm_choose");
+    var fileEl = document.getElementById("zm_files");
+
+    chooseForm.style.display = "";
 
     return new Promise( (res) => {
-        choose_form.onsubmit = function(e) {
-            choose_form.style.display = "none";
+        fileEl.onchange = function(e) {
+            chooseForm.style.display = "none";
 
-            var fileEl = document.getElementById("zm_files");
             var filesObj = fileEl.files;
 
             Zmodem.Browser.send_files(