Fix triple click over-selecting trailing node

Otherwise, triple clicking on a table row will copy a trailing newline or tab.

diff --git a/index.html b/index.html
index a9c2e381d12aa3ea284cf2937311ca883e6fac1f..59e273050d13f560a22785b454128e5f1dde501b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -236,6 +236,18 @@
       }
     });
 
+    // Fix selecting trailing element on triple (or quad) click, resulting in a trailing tab or newline
+    // when copying text from the table.
+    addEventListener('click', e => {
+      if (e.detail >= 3 && tableBody.contains(e.target)) {
+        const selection = getSelection();
+        const range = selection.getRangeAt(0);
+        const textNode = e.target.firstChild;
+        range.setStart(textNode, 0);
+        range.setEnd(textNode, textNode.length);
+      };
+    });
+
     // Set initial bytecode from prepopulated contract
     contractInput.dispatchEvent(new Event('input'));
   </script>