@salesforcedevs/dx-components 1.3.104-alphaa03 → 1.3.104-alphaa04

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.104-alphaa03",
+    "version": "1.3.104-alphaa04",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/popover/popover.css

@@ -10,7 +10,7 @@
 }
 
 .popover-container {
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     z-index: var(--dx-c-popover-z-index, var(--dx-g-z-index-max));

package/src/modules/dx/popover/popover.ts

@@ -246,9 +246,9 @@ export default class Popover extends LightningElement {
         const elements = slot.assignedElements();
         const slotted = elements.length === 0 ? null : elements[0];
         // allows dropdown/select to compose popover
-        const slotElement = (slotted?.tagName === "SLOT"
-            ? slotted.firstChild
-            : slotted) as HTMLElement | null;
+        const slotElement = (
+            slotted?.tagName === "SLOT" ? slotted.firstChild : slotted
+        ) as HTMLElement | null;
         const isWorkToDo =
             slotElement &&
             (!this.control || !slotElement.isSameNode(this.control));
@@ -286,7 +286,7 @@ export default class Popover extends LightningElement {
         }
     }
 
-    private setPosition = async () => {
+    private _setPosition = async () => {
         if (this.popover && this.control) {
             await Promise.resolve();
             const popoverEl = this.popover;
@@ -310,6 +310,7 @@ export default class Popover extends LightningElement {
 
             computePosition(this.control, popoverEl, {
                 placement: this.placement,
+                strategy: "fixed",
                 middleware
             }).then(({ x, y, placement, middlewareData }) => {
                 Object.assign(popoverEl.style, {
@@ -349,4 +350,10 @@ export default class Popover extends LightningElement {
             });
         }
     };
+    public get setPosition() {
+        return this._setPosition;
+    }
+    public set setPosition(value) {
+        this._setPosition = value;
+    }
 }