react-zoom-pan-pinch - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

package.json

 {
   "name": "react-zoom-pan-pinch",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Zoom and pan html elements in easy way",
@@ -5,0 +5,0 @@ "author": "prc5",

src/utils/styles.utils.ts

@@ -8,3 +8,11 @@ import { StateType } from "models";
 ): string => {
-  return `matrix(${scale}, 0,0, ${scale}, ${x}, ${y})`;
+  // The shorthand for matrix does not work for Safari hence the need to explicitly use matrix3d
+  // Refer to https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix
+  const a = scale;
+  const b = 0;
+  const c = 0;
+  const d = scale;
+  const tx = x;
+  const ty = y;
+  return `matrix3d(${a}, ${b}, 0, 0, ${c}, ${d}, 0, 0, 0, 0, 1, 0, ${tx}, ${ty}, 0, 1)`;
 };
@@ -11,0 +19,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1334895

increased by0.11%

Number of downloads

191664

increased by20.17%

Lines of code

7043

increased by0.34%

No dependency changes