@micromag/viewer 0.4.21 → 0.4.22

package/es/index.js

@@ -2897,6 +2897,34 @@ function Viewer(_ref) {
     progressSpring = _useDragProgress.progress,
     dragContentBind = _useDragProgress.bind,
     transitionDirection = _useDragProgress.direction;
+
+  // Wrap gesture bindings to skip events from clickable elements (buttons, links, inputs).
+  // Without this, @use-gesture captures pointer events at the document level, preventing
+  // native click events from firing on interactive elements inside screens on mobile Safari.
+  var clickableAwareBindings = useMemo(function () {
+    var bindings = dragContentBind({
+      playing: playing,
+      longPressPaused: longPressPaused
+    });
+    var wrapped = {};
+    var _loop = function _loop() {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (typeof value === 'function') {
+        wrapped[key] = function (e) {
+          if (checkClickable(e.target)) return;
+          return value(e);
+        };
+      } else {
+        wrapped[key] = value;
+      }
+    };
+    for (var _i = 0, _Object$entries = Object.entries(bindings); _i < _Object$entries.length; _i++) {
+      _loop();
+    }
+    return wrapped;
+  }, [dragContentBind, playing, longPressPaused]);
   var getScreenStylesByIndex = function getScreenStylesByIndex(index, spring) {
     if (transitionType === 'stack') {
       return {
@@ -3220,10 +3248,7 @@ function Viewer(_ref) {
     refDots: menuDotsContainerRef
   }) : null, ready || withoutScreensTransforms ? /*#__PURE__*/React.createElement("div", Object.assign({
     className: styles$7.content
-  }, dragContentBind({
-    playing: playing,
-    longPressPaused: longPressPaused
-  })), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex > 0 && screens.length > 1 ? /*#__PURE__*/React.createElement(NavigationButton, {
+  }, clickableAwareBindings), !withoutNavigationArrow && !withNeighborScreens && !navigationDisabled && screenIndex > 0 && screens.length > 1 ? /*#__PURE__*/React.createElement(NavigationButton, {
     direction: "previous",
     className: classNames([styles$7.navButton, styles$7.previous]),
     onClick: gotoPreviousScreen,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.21",
+    "version": "0.4.22",
     "private": false,
     "description": "",
     "keywords": [
@@ -88,6 +88,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "34dedbdd988f27c395b838b50dfcd0e48bfa16ee",
+    "gitHead": "d8ffcc5d8e966d44d658f6c281f6a14c84ee9d34",
     "types": "es/index.d.ts"
 }