From 7d17b009f520157af9d83f226a750cd0ddbbacdc Mon Sep 17 00:00:00 2001
From: Gregg Tavares <github@greggman.com>
Date: Tue, 28 May 2024 15:31:09 +0900
Subject: [PATCH] use css instead of JS to fix link issue

---
 src/listing.html | 29 ++++++++++-------------------
 1 file changed, 10 insertions(+), 19 deletions(-)

diff --git a/src/listing.html b/src/listing.html
index d07275a..2c6ecda 100644
--- a/src/listing.html
+++ b/src/listing.html
@@ -135,9 +135,19 @@
   table#files tr:nth-child(odd) {
     background: #444;
   }
+  table#files tr {
+    position: relative;
+  }
   table#files tr a {
     color: #ACF;
   }
+  table#files a::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+  }
   .sort-down,
   .sort-up {
     color: lightseagreen;
@@ -170,25 +180,6 @@ <h1><a href="/">~</a>{linked-path}</h1>
       {files}
     </div>
     <script>
-    {
-      // this shouldn't happen here but our hand is forced
-      // because we want Kodi to be able to parse the HTML
-       document.querySelector('#files').addEventListener('click', function(e) {
-         var tr = e.target.closest('tr');
-         if (tr) {
-           var a = tr.querySelector('a');
-           if (a) {
-            if (e.metaKey || e.ctrlKey) {
-              e.preventDefault();
-              window.open(a.href, '_blank');
-            } else {
-              a.click();
-            }
-           }
-         }
-       });
-    }
-
     {
       function createElem(tag, attrs = {}) {
         const elem = document.createElement(tag);