From 9fe55f7f8f006c723fffe896deed351c3e79c8d9 Mon Sep 17 00:00:00 2001
From: infnada <inf.nada@gmail.com>
Date: Sun, 20 Oct 2019 20:46:44 +0200
Subject: [PATCH] fix: allow translate3d transforms on getElementRect()

---
 src/resizable.directive.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/resizable.directive.ts b/src/resizable.directive.ts
index b49ed17..04a4c2b 100644
--- a/src/resizable.directive.ts
+++ b/src/resizable.directive.ts
@@ -100,8 +100,8 @@ function getElementRect(
     .map(property => style[property])
     .find(value => !!value);
   if (transform && transform.includes('translate')) {
-    translateX = transform.replace(/.*translate\((.*)px, (.*)px\).*/, '$1');
-    translateY = transform.replace(/.*translate\((.*)px, (.*)px\).*/, '$2');
+    translateX = transform.match(/translate3?d?\(\s*([^ ,]+)\s*,\s*([^ ,]+)\s*(,\s*([^ )]+)\s*)?\)/)[1];
+    translateY = transform.match(/translate3?d?\(\s*([^ ,]+)\s*,\s*([^ ,]+)\s*(,\s*([^ )]+)\s*)?\)/)[2];
   }
 
   if (ghostElementPositioning === 'absolute') {