Links: Use browser default behavior for ctrl-clicks etc

Fixes #676
redwoodjs · Jun 10, 2020 · 8d44632 · 8d44632
1 parent d51ade0
commit 8d44632
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/router/src/links.js b/packages/router/src/links.js
@@ -21,6 +21,16 @@ const Link = forwardRef(({ to, ...rest }, ref) => (
     ref={ref}
     {...rest}
     onClick={(event) => {
+      if (
+        event.button !== 0 ||
+        event.altKey ||
+        event.ctrlKeys ||
+        event.metaKey ||
+        event.shiftKey
+      ) {
+        return
+      }
+
       event.preventDefault()
       navigate(to)
     }}
@@ -41,6 +51,16 @@ const NavLink = forwardRef(
         className={theClassName}
         {...rest}
         onClick={(event) => {
+          if (
+            event.button !== 0 ||
+            event.altKey ||
+            event.ctrlKeys ||
+            event.metaKey ||
+            event.shiftKey
+          ) {
+            return
+          }
+
           event.preventDefault()
           navigate(to)
         }}