@odx/foundation 1.0.0-beta.40 → 1.0.0-beta.41

package/dist/main.js

@@ -566,6 +566,8 @@ class ActiveDescendantsController {
   }
   #handleKeyboardEvent = (event) => {
     const { actions, direction } = getKeyboardEventInfo(event);
+    if (!direction.up && !direction.down && !actions.start && !actions.end) return;
+    event.preventDefault();
     if (direction.down) {
       this.next();
     } else if (direction.up) {
@@ -1536,6 +1538,7 @@ class PopoverHost extends CanBeDisabled(CustomElement) {
   static {
     this.styles = unsafeCSS(styles$1);
   }
+  #positionUpdater;
   #observer;
   get options() {
     return PopoverPlacementOptions({ placement: this.placement });
@@ -1548,6 +1551,8 @@ class PopoverHost extends CanBeDisabled(CustomElement) {
   disconnectedCallback() {
     super.disconnectedCallback();
     this.#disconnectObserver();
+    if (!this.referenceElement) return;
+    this.unmountPopover(this.referenceElement);
   }
   mountPopover(referenceElement) {
     if (this.referenceElement && this.referenceElement !== referenceElement) {
@@ -1558,14 +1563,6 @@ class PopoverHost extends CanBeDisabled(CustomElement) {
       return;
     }
     this.referenceElement = referenceElement;
-    autoUpdate(
-      this.referenceElement,
-      this,
-      () => (
-        // biome-ignore lint/style/noNonNullAssertion: Reference element is defined when mounting popover
-        computePopoverPlacement(this.referenceElement, this, this.options)
-      )
-    );
   }
   unmountPopover(referenceElement) {
     this.hidePopover();
@@ -1574,14 +1571,21 @@ class PopoverHost extends CanBeDisabled(CustomElement) {
     return this.isOpen;
   }
   showPopover() {
-    if (this.isOpen || this.disabled || this.canPopoverShow?.() === false) return;
+    if (!this.referenceElement || this.isOpen || this.disabled || this.canPopoverShow?.() === false) return;
+    computePopoverPlacement(this.referenceElement, this, this.options);
     super.showPopover();
     this.isOpen = true;
+    this.#positionUpdater = autoUpdate(this.referenceElement, this, () => {
+      if (!this.referenceElement) return;
+      computePopoverPlacement(this.referenceElement, this, this.options);
+    });
   }
   hidePopover() {
     if (!this.isOpen || this.canPopoverHide?.() === false) return;
     super.hidePopover();
     this.isOpen = false;
+    this.#positionUpdater?.();
+    this.#positionUpdater = void 0;
   }
   togglePopover(state2) {
     const isOpen = state2 ?? !this.isPopoverOpen();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.41",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",