using reviewer suggestion for translations

Author: nturgut

lib/web_ui/lib/src/engine/semantics/semantics.dart

@@ -852,12 +852,12 @@ class SemanticsObject {
         verticalContainerAdjustment == 0.0 &&
         horizontalContainerAdjustment == 0.0) {
       element.style
-        ..removeProperty('transform-origin')
-        ..removeProperty('transform');
+          ..removeProperty('top')
+          ..removeProperty('left');
       if (containerElement != null) {
         containerElement.style
-          ..removeProperty('transform-origin')
-          ..removeProperty('transform');
+          ..removeProperty('top')
+          ..removeProperty('left');
       }
       return;
     }
@@ -882,15 +882,14 @@ class SemanticsObject {
     }
 
     if (!effectiveTransformIsIdentity) {
-      final Position2D position2d =
-        matrix4ToCssTransformForSemantics(effectiveTransform);
+      final Vector3 translation = effectiveTransform.getTranslation();
       element.style
-        ..top = position2d.top
-        ..left = position2d.left;
+        ..top = '${translation.y}px'
+        ..left = '${translation.x}px';
     } else {
       element.style
-        ..removeProperty('transform-origin')
-        ..removeProperty('transform');
+        ..removeProperty('top')
+        ..removeProperty('left');
     }
 
     if (containerElement != null) {
@@ -900,12 +899,12 @@ class SemanticsObject {
         final double translateX = -_rect!.left + horizontalContainerAdjustment;
         final double translateY = -_rect!.top + verticalContainerAdjustment;
         containerElement.style
-          ..transformOrigin = '0 0 0'
-          ..transform = 'translate(${translateX}px, ${translateY}px)';
+          ..top = '${translateY}px'
+          ..left = '${translateX}px';
       } else {
         containerElement.style
-          ..removeProperty('transform-origin')
-          ..removeProperty('transform');
+          ..removeProperty('top')
+          ..removeProperty('left');
       }
     }
   }

lib/web_ui/lib/src/engine/util.dart

@@ -55,11 +55,6 @@ String matrix4ToCssTransform(Matrix4 matrix) {
   return float64ListToCssTransform(matrix.storage);
 }
 
-/// Converts [matrix] to CSS top/left values.
-Position2D matrix4ToCssTransformForSemantics(Matrix4 matrix) {
-  return float64ListToCss2dPositionSemantics(matrix.storage);
-}
-
 /// Applies a transform to the [element].
 ///
 /// See [float64ListToCssTransform] for details on how the CSS value is chosen.
@@ -91,19 +86,6 @@ String float64ListToCssTransform(Float32List matrix) {
   }
 }
 
-/// Converts [matrix] to coordinates on 2 dimensional space.
-///
-/// Only used by semantics node styling calculations, since semantics
-/// node does not receive 3D transforms, only tx and ty values of the matrix
-/// is used.
-Position2D float64ListToCss2dPositionSemantics(Float32List matrix) {
-  assert(transformKindOf(matrix) != TransformKind.transform2d);
-  assert(matrix.length == 16);
-  final Float32List m = matrix;
-  print('top left: ${matrix[13]} ${matrix[12]} semantics');
-  return Position2D('${matrix[13]}px', '${matrix[12]}px');
-}
-
 /// The kind of effect a transform matrix performs.
 enum TransformKind {
   /// No effect.