Merge branch 'main' into dev/1.5

Author: GuoLei1990

packages/core/src/Polyfill.ts

@@ -7,6 +7,7 @@ export class Polyfill {
   static registerPolyfill(): void {
     Polyfill._registerMatchAll();
     Polyfill._registerAudioContext();
+    Polyfill._registerTextMetrics();
   }
 
   private static _registerMatchAll(): void {
@@ -69,4 +70,24 @@ export class Polyfill {
       };
     }
   }
+
+  private static _registerTextMetrics(): void {
+    // Based on the specific version of the engine implementation, when actualBoundingBoxLeft is not supported, width is used to represent the rendering width, and `textAlign` uses the default value `start` and direction is left to right.
+    // Some devices do not support actualBoundingBoxLeft and actualBoundingBoxRight in TextMetrics.
+    // Examples: Google Pixel 2 XL (Android 11), Honor 6X (Android 8).
+    if (!("actualBoundingBoxLeft" in TextMetrics.prototype)) {
+      Object.defineProperties(TextMetrics.prototype, {
+        actualBoundingBoxLeft: {
+          get: function () {
+            return 0;
+          }
+        },
+        actualBoundingBoxRight: {
+          get: function () {
+            return this.width;
+          }
+        }
+      });
+    }
+  }
 }