diff --git a/packages/gallery/src/components/gallery/proGallery/galleryContainer.js b/packages/gallery/src/components/gallery/proGallery/galleryContainer.js index 297fe5d0e..a7492e2ad 100644 --- a/packages/gallery/src/components/gallery/proGallery/galleryContainer.js +++ b/packages/gallery/src/components/gallery/proGallery/galleryContainer.js @@ -764,7 +764,14 @@ export class GalleryContainer extends React.Component { } } if (typeof this.props.eventsListener === 'function') { - this.props.eventsListener(eventName, eventData, event); + switch (eventName) { + case GALLERY_CONSTS.events.ITEM_ACTION_TRIGGERED: + case GALLERY_CONSTS.events.ITEM_CLICKED: + setTimeout(this.props.eventsListener(eventName, eventData, event), 0); + break; + default: + this.props.eventsListener(eventName, eventData, event); + } } if (eventName === GALLERY_CONSTS.events.GALLERY_SCROLLED) { diff --git a/packages/gallery/src/components/item/itemView.js b/packages/gallery/src/components/item/itemView.js index a185d72a3..46c6c4a40 100644 --- a/packages/gallery/src/components/item/itemView.js +++ b/packages/gallery/src/components/item/itemView.js @@ -203,7 +203,7 @@ class ItemView extends React.Component { this.shouldShowHoverOnMobile() || this.shouldShowSecondMediaOnMobile() ) { - this.handleHoverClickOnMobile(e); + setTimeout(this.handleHoverClickOnMobile(e), 0); } else { this.handleGalleryItemAction(e); }