fix chrome warning on making events passive (#576)

654a8a81 · Jyothish · GitHub · 2b1b6fc1 · 654a8a81
Unverified Commit 654a8a81 authored Sep 08, 2021 by Jyothish Committed by GitHub Sep 08, 2021
Hide whitespace changes
Inline Side-by-side

Showing with 1 addition and 1 deletion

src/ensembl/src/shared/hooks/useHover.tsx src/ensembl/src/shared/hooks/useHover.tsx +1 -1

No files found.
--- a/src/ensembl/src/shared/hooks/useHover.tsx
+++ b/src/ensembl/src/shared/hooks/useHover.tsx
@@ -44,7 +44,7 @@ export default function useHover<T extends HTMLElement>(): UseHoverType<T> {
      element.addEventListener('mouseenter', handleMouseEnter);
      element.addEventListener('mouseleave', handleMouseLeave);
      element.addEventListener('click', handleMouseLeave);
-      element.addEventListener('touchstart', handleTouch);
+      element.addEventListener('touchstart', handleTouch, { passive: true });

      // cancel hover state if user switches to a different tab
      document.addEventListener('visibilitychange', handleMouseLeave);