INP next arrow interaction fix

wix-incubator · Feb 28, 2024 · 3a93569 · 3a93569
1 parent 5f62dc7
commit 3a93569
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/gallery/src/components/gallery/proGallery/navigationArrows.js b/packages/gallery/src/components/gallery/proGallery/navigationArrows.js
@@ -177,10 +177,10 @@ export function ArrowButton({
   navigationArrowPortalId,
 }) {
   const isNext = (directionIsLeft && isRTL) || (!directionIsLeft && !isRTL);
-
+  const nextAction = () => next({ direction: directionIsLeft ? -1 : 1 });
   const buttonProps = {
     className: arrowsBaseClasses.join(' '),
-    onClick: () => setTimeout(next({ direction: directionIsLeft ? -1 : 1 }), 0),
+    onClick: () => setTimeout(nextAction, 0),
     ['aria-label']: `${isNext ? 'Next' : 'Previous'} Item`,
     tabIndex: tabIndex(isNext ? 'slideshowNext' : 'slideshowPrev'),
     key: !isNext ? 'nav-arrow-back' : 'nav-arrow-next',
@@ -229,11 +229,12 @@ export function ArrowButtonWithCursorController(props) {
     renderArrowSvg,
   } = props;
   const isTheOnlyArrow = hideLeftArrow || hideRightArrow;
+  const nextAction = () => next({ direction: directionIsLeft ? -1 : 1 });
   return (
     <ArrowFollower
       id={props.id}
       mouseCursorContainerMaxWidth={mouseCursorContainerMaxWidth}
-      onNavigate={() => next({ direction: directionIsLeft ? -1 : 1 })}
+      onNavigate={nextAction}
       direction={directionIsLeft ? 'left' : 'right'}
       isTheOnlyArrow={isTheOnlyArrow}
     >