trigger hover when without overlay and no action ON MOBILE

wix-incubator · Apr 25, 2024 · 0ec84b8 · 0ec84b8
1 parent 2eb461b
commit 0ec84b8
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/gallery/src/components/item/itemView.js b/packages/gallery/src/components/item/itemView.js
@@ -73,6 +73,7 @@ class ItemView extends React.Component {
     this.onBlur = this.onBlur.bind(this);
     this.checkIfCurrentHoverChanged =
       this.checkIfCurrentHoverChanged.bind(this);
+    this.shouldHoverWithoutOverlayAndClickOnMobile = this.shouldHoverWithoutOverlayAndClickOnMobile.bind(this);
   }
 
   //----------------------------------------| ACTIONS |-------------------------------------------//
@@ -204,6 +205,11 @@ class ItemView extends React.Component {
       this.shouldShowSecondMediaOnMobile()
     ) {
       setTimeout(this.handleHoverClickOnMobile(e), 0);
+    } else if (this.shouldHoverWithoutOverlayAndClickOnMobile()) {
+      this.props.actions.eventsListener(
+        GALLERY_CONSTS.events.HOVER_SET,
+        this.props.idx
+      );
     } else {
       this.handleGalleryItemAction(e);
     }
@@ -323,6 +329,16 @@ class ItemView extends React.Component {
     return false;
   }
 
+
+  shouldHoverWithoutOverlayAndClickOnMobile() {
+    return (
+      utils.isMobile() &&
+      this.props.options.behaviourParams.item.video.playTrigger ===
+      GALLERY_CONSTS.videoPlay.HOVER &&
+      this.props.options.itemClick === GALLERY_CONSTS.itemClick.NOTHING 
+    );
+  }
+
   isHighlight() {
     return (
       this.props.thumbnailHighlightId &&