@alipay/ams-checkout 0.0.1758505806-dev.5 → 0.0.1758607092-dev.1

package/esm/foundation/service/container/index.js

@@ -240,16 +240,41 @@ export var ContainerService = /*#__PURE__*/function () {
   }, {
     key: "updateMaskCloseBtn",
     value: function updateMaskCloseBtn(data) {
-      var maskCloseBtn = document.getElementById("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID));
-      if (maskCloseBtn) {
-        if (this.displayInfo.platform === 'desktop') {
-          var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-          var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-          maskCloseBtn.style.top = "".concat((windowHeight - data.height) / 2 - 42, "px");
-          maskCloseBtn.style.right = "".concat((windowWidth - data.width) / 2 + 18, "px");
-        } else {
-          maskCloseBtn.style.bottom = "".concat(data.height + 2, "px");
-        }
+      var CLOSE_BUTTON_OFFSET_Y = 40;
+      var amsComponentContainer = document.getElementById(COMPONENT_CONTAINER_ID);
+      var maskCloseBtn = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID);
+      if (!maskCloseBtn) return;
+
+      // Position relative to container, more accurate
+      var updateRelativeToContainer = function updateRelativeToContainer() {
+        if (!amsComponentContainer || !maskCloseBtn) return;
+        var rect = amsComponentContainer.getBoundingClientRect();
+        var top = rect.top - CLOSE_BUTTON_OFFSET_Y;
+        var left = rect.left + rect.width - maskCloseBtn.offsetWidth;
+        maskCloseBtn.style.top = "".concat(top, "px");
+        maskCloseBtn.style.left = "".concat(left, "px");
+      };
+
+      // Position relative to window (Old logic)
+      var updateRelativeToWindow = function updateRelativeToWindow() {
+        if (!maskCloseBtn) return;
+        var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+        var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+        maskCloseBtn.style.top = "".concat((windowHeight - data.height) / 2 - 42, "px");
+        maskCloseBtn.style.right = "".concat((windowWidth - data.width) / 2 + 18, "px");
+      };
+      if (amsComponentContainer) {
+        updateRelativeToContainer();
+        var events = ['animationend'];
+        events.forEach(function (event) {
+          var handler = function handler() {
+            updateRelativeToContainer();
+            amsComponentContainer.removeEventListener(event, handler);
+          };
+          amsComponentContainer.addEventListener(event, handler);
+        });
+      } else {
+        updateRelativeToWindow();
       }
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1758505806-dev.5",
+  "version": "0.0.1758607092-dev.1",
   "description": "",
   "author": "",
   "main": "esm/index.js",