Merge pull request #677 from Tobbe/link_ctrl_676

Links: Use browser default behavior for ctrl-clicks etc
redwoodjs · Jun 15, 2020 · 98df7bd · 98df7bd
2 parents 80a3aca + 2ae8ffa
commit 98df7bd
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.ctrlKey ||
+        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.ctrlKey ||
+            event.metaKey ||
+            event.shiftKey
+          ) {
+            return
+          }
+
           event.preventDefault()
           navigate(to)
         }}