@herb-tools/dev-tools 0.8.5 → 0.8.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herb-tools/dev-tools",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "Development tools for visual debugging in HTML+ERB templates",
   "type": "module",
   "license": "MIT",
@@ -8,7 +8,7 @@
   "bugs": "https://github.com/marcoroth/herb/issues/new?title=Package%20%60@herb-tools/dev-tools%60:%20",
   "repository": {
     "type": "git",
-    "url": "https://github.com/marcoroth/herb.git",
+    "url": "git+https://github.com/marcoroth/herb.git",
     "directory": "javascript/packages/dev-tools"
   },
   "main": "./dist/herb-dev-tools.umd.js",
@@ -30,7 +30,7 @@
     }
   },
   "dependencies": {
-    "@herb-tools/core": "0.8.5"
+    "@herb-tools/core": "0.8.7"
   },
   "files": [
     "package.json",

package/src/herb-overlay.ts

@@ -537,7 +537,9 @@ export class HerbOverlay {
 
       parent.setAttribute('data-herb-debug-attached-outline-type', type);
 
-      parent.style.position = 'relative';
+      if (window.getComputedStyle(parent).position === 'static') {
+        parent.style.position = 'relative';
+      }
       label.style.position = 'absolute';
       label.style.top = '0';
       label.style.left = '0';
@@ -546,7 +548,13 @@ export class HerbOverlay {
       return;
     }
 
-    element.style.position = 'relative';
+    if (element.localName === 'html' || window.getComputedStyle(element).overflowY !== 'visible') {
+      label.style.top = '0';
+    }
+    
+    if (window.getComputedStyle(element).position === 'static') {
+      element.style.position = 'relative';
+    }
     element.appendChild(label);
   }