@midscene/shared 0.11.0 → 0.11.1-beta-20250211002541.0

package/dist/browser/extractor-debug.js

@@ -864,6 +864,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -881,10 +892,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/browser/extractor.js

@@ -1004,6 +1004,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -1021,10 +1032,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/es/extractor-debug.js

@@ -862,6 +862,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -879,10 +890,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/es/extractor.js

@@ -984,6 +984,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -1001,10 +1012,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/lib/extractor-debug.js

@@ -856,6 +856,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -873,10 +884,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/lib/extractor.js

@@ -996,6 +996,17 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
     return false;
   }
   let parent = el;
+  const parentUntilNonStatic = (currentNode) => {
+    let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+    while (parent2) {
+      const style = currentWindow.getComputedStyle(parent2);
+      if (style.position !== "static") {
+        return parent2;
+      }
+      parent2 = parent2.parentElement;
+    }
+    return null;
+  };
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -1013,10 +1024,14 @@ function visibleRect(el, currentWindow, currentDocument, baseZoom = 1) {
         return false;
       }
     }
-    if (parentStyle.position === "fixed") {
+    if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
       break;
     }
-    parent = parent.parentElement;
+    if (parentStyle.position === "absolute") {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
   return {
     left: Math.round(rect.left),

package/dist/script/htmlElement.js

@@ -1004,6 +1004,17 @@ ${indentStr}${after}`;
       return false;
     }
     let parent = el;
+    const parentUntilNonStatic = (currentNode) => {
+      let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+      while (parent2) {
+        const style = currentWindow.getComputedStyle(parent2);
+        if (style.position !== "static") {
+          return parent2;
+        }
+        parent2 = parent2.parentElement;
+      }
+      return null;
+    };
     while (parent && parent !== currentDocument.body) {
       if (!(parent instanceof currentWindow.HTMLElement)) {
         parent = parent.parentElement;
@@ -1021,10 +1032,14 @@ ${indentStr}${after}`;
           return false;
         }
       }
-      if (parentStyle.position === "fixed") {
+      if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
         break;
       }
-      parent = parent.parentElement;
+      if (parentStyle.position === "absolute") {
+        parent = parentUntilNonStatic(parent);
+      } else {
+        parent = parent.parentElement;
+      }
     }
     return {
       left: Math.round(rect.left),

package/dist/script/htmlElementDebug.js

@@ -865,6 +865,17 @@ var midscene_element_inspector = (() => {
       return false;
     }
     let parent = el;
+    const parentUntilNonStatic = (currentNode) => {
+      let parent2 = currentNode == null ? void 0 : currentNode.parentElement;
+      while (parent2) {
+        const style = currentWindow.getComputedStyle(parent2);
+        if (style.position !== "static") {
+          return parent2;
+        }
+        parent2 = parent2.parentElement;
+      }
+      return null;
+    };
     while (parent && parent !== currentDocument.body) {
       if (!(parent instanceof currentWindow.HTMLElement)) {
         parent = parent.parentElement;
@@ -882,10 +893,14 @@ var midscene_element_inspector = (() => {
           return false;
         }
       }
-      if (parentStyle.position === "fixed") {
+      if (parentStyle.position === "fixed" || parentStyle.position === "sticky") {
         break;
       }
-      parent = parent.parentElement;
+      if (parentStyle.position === "absolute") {
+        parent = parentUntilNonStatic(parent);
+      } else {
+        parent = parent.parentElement;
+      }
     }
     return {
       left: Math.round(rect.left),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/shared",
-  "version": "0.11.0",
+  "version": "0.11.1-beta-20250211002541.0",
   "repository": "https://github.com/web-infra-dev/midscene",
   "homepage": "https://midscenejs.com/",
   "types": "./src/index.ts",

package/src/extractor/util.ts

@@ -330,6 +330,19 @@ export function visibleRect(
 
   // check if the element is hidden by an ancestor
   let parent: HTMLElement | Node | null = el;
+  const parentUntilNonStatic = (currentNode: HTMLElement | Node | null) => {
+    // find a parent element that is not static
+    let parent = currentNode?.parentElement;
+    while (parent) {
+      const style = currentWindow.getComputedStyle(parent);
+      if (style.position !== 'static') {
+        return parent;
+      }
+      parent = parent.parentElement;
+    }
+    return null;
+  };
+
   while (parent && parent !== currentDocument.body) {
     if (!(parent instanceof currentWindow.HTMLElement)) {
       parent = parent.parentElement;
@@ -354,10 +367,15 @@ export function visibleRect(
       }
     }
     // if the parent is a fixed element, stop the search
-    if (parentStyle.position === 'fixed') {
+    if (parentStyle.position === 'fixed' || parentStyle.position === 'sticky') {
       break;
     }
-    parent = parent.parentElement;
+
+    if (parentStyle.position === 'absolute') {
+      parent = parentUntilNonStatic(parent);
+    } else {
+      parent = parent.parentElement;
+    }
   }
 
   return {