fix: change popover position to fixed to resolve position issues in absolute layouts

Author: ignatvilesov

.changeset/beige-pets-hang.md

@@ -0,0 +1,5 @@
+---
+'@qwik-ui/headless': patch
+---
+
+fixes popover position issue in absolute layouts by changing its position strategy to "fixed"

packages/kit-headless/src/components/popover/floating.tsx

@@ -58,6 +58,7 @@ export const FloatingPopover = component$((props: PropsOf<'div'>) => {
       await computePosition(anchor as ReferenceElement, popover, {
         placement: placement as Placement,
         middleware,
+        strategy: 'fixed',
       }).then(async (resolvedData) => {
         const { x, y } = resolvedData;
 

packages/kit-headless/src/components/popover/popover.css

@@ -17,7 +17,7 @@
     padding: unset;
     border: unset;
     overflow: unset;
-    position: absolute;
+    position: fixed;
   }
 }
 
@@ -28,6 +28,6 @@
     padding: unset;
     border: unset;
     overflow: unset;
-    position: absolute;
+    position: fixed;
   }
 }