Fix double dialog when clicking on upload label

Clicking an input's label is equal to clicking the input itself. So .stopPropagation() needs to be applied to the label as well as the input.

diff --git a/index.html b/index.html
index 2d7a4d4c6a2954fdc5777cf62e7baf8ccb338bd8..6f6d469a52e56cb53ae1b6393b5e60aa62a6389f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -135,6 +135,7 @@
     div.addEventListener('drop', e => input.files = e.dataTransfer.files);
     div.addEventListener('click', _ => input.click());
     input.addEventListener('click', e => e.stopPropagation()); // Prevent 'click' from getting propagated to div (or else there will be two dialogs)
+    document.querySelector('label[for="file"]').addEventListener('click', e => e.stopPropagation());
 
     // Implement namehash as defined in https://eips.ethereum.org/EIPS/eip-137
     // Does NOT include the '0x' prefix in the return value so it can be easily passed into JSON-RPC