Add option to control zoom invertion

nick-skriabin · nick-skriabin · commit fe7bbef88013 · 2025-06-27T00:26:43.000+01:00
diff --git a/web/libs/editor/src/core/settings/editorsettings.js b/web/libs/editor/src/core/settings/editorsettings.js
@@ -84,4 +84,14 @@ export default {
     onChangeEvent: "toggleSmoothing",
     defaultValue: true,
   },
+  invertedZoom: {
+    newUI: {
+      tags: "Image Tag",
+      title: "Invert zoom direction",
+      description: "Invert the direction of scroll-to-zoom",
+    },
+    description: "Enable inverted zoom direction",
+    onChangeEvent: "toggleInvertedZoom",
+    defaultValue: false,
+  },
 };
diff --git a/web/libs/editor/src/stores/SettingsStore.js b/web/libs/editor/src/stores/SettingsStore.js
@@ -72,6 +72,8 @@ const SettingsModel = types
     isDestroying: types.optional(types.boolean, false),
 
     videoDrawOutside: types.optional(types.boolean, false),
+
+    invertedZoom: types.optional(types.boolean, false),
   })
   .views((self) => ({
     get annotation() {
@@ -231,6 +233,14 @@ const SettingsModel = types
       self.enableSmoothing = value;
     },
 
+    toggleInvertedZoom() {
+      self.invertedZoom = !self.invertedZoom;
+    },
+
+    setInvertedZoom(value) {
+      self.invertedZoom = value;
+    },
+
     setVideoHopSize(value) {
       self.videoHopSize = value;
     },
diff --git a/web/libs/editor/src/tags/object/Image/Image.js b/web/libs/editor/src/tags/object/Image/Image.js
@@ -931,12 +931,14 @@ const Model = types
     },
 
     getInertialZoom(val) {
+      const invert = getRoot(self).settings.invertedZoom ? 1 : -1;
+
       // Invert the delta value so that:
       // - Pinch out (positive deltaY) zooms in
       // - Pinch in (negative deltaY) zooms out
       // - Scroll up (positive deltaY) zooms in
       // - Scroll down (negative deltaY) zooms out
-      const invertedVal = -val;
+      const invertedVal = val * invert;
 
       // Calculate the zoom change using exponential formula
       // This provides smooth zooming for both mouse wheel and trackpad pinch
