fix: track context menu open as click (#381)

* fix: track contextMenu opens as a click * chore: changeset
sajari · Feb 1, 2021 · fb94f36 · fb94f36
1 parent 0a237c4
commit fb94f36
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/.changeset/olive-timers-press.md b/.changeset/olive-timers-press.md
@@ -0,0 +1,6 @@
+---
+'@sajari/react-components': patch
+'@sajari/react-search-ui': patch
+---
+
+Track context menu open as a click
diff --git a/packages/components/src/Combobox/components/DropdownResult/index.tsx b/packages/components/src/Combobox/components/DropdownResult/index.tsx
@@ -34,7 +34,7 @@ const DropdownResult = (props: DropdownResultProps) => {
       className={classnames(resultClassName, { [selectedResultClassName]: selected })}
       {...rest}
     >
-      <Box as="a" href={value.url} onClick={value.onClick} css={styles.item}>
+      <Box as="a" href={value.url} onClick={value.onClick} onContextMenu={value.onClick} css={styles.item}>
         <Box css={styles.imageContainer} className={resultImageContainerClassName}>
           <Image src={value.image} aspectRatio={1} objectFit="contain" />
         </Box>

diff --git a/packages/search-ui/src/Results/components/Result/index.tsx b/packages/search-ui/src/Results/components/Result/index.tsx
@@ -162,7 +162,13 @@ const Result = React.memo(
     return (
       <Box as="article" {...rest} css={[styles.container, stylesProp]}>
         {(isValidURL(imageSrc, true) || forceImage) && (
-          <Link href={href} onClick={onClick} css={styles.imageContainer} disableDefaultStyles={disableDefaultStyles}>
+          <Link
+            href={href}
+            onClick={onClick}
+            onContextMenu={onClick}
+            css={styles.imageContainer}
+            disableDefaultStyles={disableDefaultStyles}
+          >
             <Image
               src={imageSrc}
               hoverSrc={imageHoverSrc}