cloud-ide-element 1.1.26 → 1.1.27

package/fesm2022/cloud-ide-element.mjs

@@ -300,40 +300,42 @@ class PortalService {
         let top;
         let position = 'bottom'; // Default to bottom
         // Determine if we should open above or below
+        // Note: Using fixed positioning, so positions are relative to viewport (no scroll offset needed)
         if (config.position === 'auto' || !config.position) {
             // Auto-detect: prefer bottom, but use top if not enough space below
             if (spaceBelow < estimatedHeight && spaceAbove > estimatedHeight) {
                 position = 'top';
-                top = rect.top + window.scrollY - estimatedHeight - offsetY;
+                top = rect.top - estimatedHeight - offsetY;
             }
             else {
                 position = 'bottom';
-                top = rect.bottom + window.scrollY + offsetY;
+                top = rect.bottom + offsetY;
             }
         }
         else if (config.position === 'top') {
             position = 'top';
-            top = rect.top + window.scrollY - estimatedHeight - offsetY;
+            top = rect.top - estimatedHeight - offsetY;
         }
         else {
             position = 'bottom';
-            top = rect.bottom + window.scrollY + offsetY;
+            top = rect.bottom + offsetY;
         }
-        let left = rect.left + window.scrollX + offsetX;
+        let left = rect.left + offsetX;
         // Auto-detect horizontal alignment
+        // Note: Using fixed positioning, so positions are relative to viewport (no scroll offset needed)
         if (config.align === 'auto' || !config.align) {
             const spaceRight = viewport.width - rect.left;
             const spaceLeft = rect.right;
             if (spaceRight < estimatedWidth && spaceLeft > estimatedWidth) {
                 // Align to right edge of trigger
-                left = rect.right + window.scrollX - estimatedWidth;
+                left = rect.right - estimatedWidth;
             }
         }
         else if (config.align === 'right') {
-            left = rect.right + window.scrollX - estimatedWidth;
+            left = rect.right - estimatedWidth;
         }
         else if (config.align === 'center') {
-            left = rect.left + window.scrollX + (rect.width / 2) - (estimatedWidth / 2);
+            left = rect.left + (rect.width / 2) - (estimatedWidth / 2);
         }
         return {
             top,
@@ -352,11 +354,12 @@ class PortalService {
         let adjustedLeft = parseInt(portal.style.left);
         let adjustedTop = parseInt(portal.style.top);
         // Adjust horizontal position if portal goes outside viewport
+        // Note: Using fixed positioning, so positions are relative to viewport (no scroll offset needed)
         if (portalRect.right > viewport.width) {
-            adjustedLeft = triggerRect.right + window.scrollX - portalRect.width;
+            adjustedLeft = triggerRect.right - portalRect.width;
         }
         if (portalRect.left < 0) {
-            adjustedLeft = window.scrollX + 4; // Small margin from edge
+            adjustedLeft = 4; // Small margin from edge
         }
         // Smart vertical adjustment - flip to opposite side if needed
         const spaceBelow = viewport.height - triggerRect.bottom;
@@ -364,19 +367,19 @@ class PortalService {
         const portalHeight = portalRect.height;
         // If portal goes below viewport and there's more space above, flip to top
         if (portalRect.bottom > viewport.height && spaceAbove > portalHeight) {
-            adjustedTop = triggerRect.top + window.scrollY - portalHeight - 4;
+            adjustedTop = triggerRect.top - portalHeight - 4;
         }
         // If portal goes above viewport and there's more space below, flip to bottom
         else if (portalRect.top < 0 && spaceBelow > portalHeight) {
-            adjustedTop = triggerRect.bottom + window.scrollY + 4;
+            adjustedTop = triggerRect.bottom + 4;
         }
         // If still outside viewport, adjust to fit within bounds
         else {
             if (portalRect.bottom > viewport.height) {
-                adjustedTop = viewport.height + window.scrollY - portalHeight - 4;
+                adjustedTop = viewport.height - portalHeight - 4;
             }
             if (portalRect.top < 0) {
-                adjustedTop = window.scrollY + 4; // Small margin from top
+                adjustedTop = 4; // Small margin from top
             }
         }
         portal.style.left = `${adjustedLeft}px`;