Handle modifier keys (#74237) (#74270)

elastic · Aug 4, 2020 · 49ffd41 · 49ffd41
1 parent cdfcd53
commit 49ffd41
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/x-pack/plugins/infra/public/hooks/use_link_props.tsx b/x-pack/plugins/infra/public/hooks/use_link_props.tsx
@@ -68,6 +68,9 @@ export const useLinkProps = (
 
   const onClick = useMemo(() => {
     return (e: React.MouseEvent | React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {
+      if (e.defaultPrevented || isModifiedEvent(e)) {
+        return;
+      }
       e.preventDefault();
 
       const navigate = () => {
@@ -112,3 +115,6 @@ const validateParams = ({ app, pathname, hash, search }: LinkDescriptor) => {
     );
   }
 };
+
+const isModifiedEvent = (event: any) =>
+  !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);