templates/portfolio/card.html

@@ -1,5 +1,9 @@
 {{#metadata}} {{#info}} {{#portfolio}} {{#link}}
-<li role="button" onmouseup="openLink('{{link}}');">
+<li
+  role="button"
+  onmousedown="disableScroll()"
+  onmouseup="openLink('{{link}}');"
+>
   {{>portfolio/project.html}}
 </li>
 {{/link}} {{^link}}

templates/portfolio/index.html

@@ -42,6 +42,13 @@
         })
       );
 
+      /* Middle click */
+      const disableScroll = () => {
+        if (event.button === 1) {
+          event.preventDefault();
+        }
+      };
+
       /* Open cards link */
       const openLink = (url) => {
         const backgroundtab = () =>
@@ -62,12 +69,12 @@
               window.open(url, "_blank", "noreferrer");
             }
             break;
+
           case 1:
             /* Middle click */
-            event.preventDefault();
             backgroundtab();
-
             break;
+
           default:
             break;
         }