@momentum-design/components 0.133.21 → 0.133.23

package/dist/components/popover/popover.component.js

@@ -801,7 +801,10 @@ class Popover extends KeyDownHandledMixin(KeyToActionMixin(BackdropMixin(Prevent
             this.setAttribute('color', Object.values(COLOR).includes(this.color) ? this.color : DEFAULTS.COLOR);
         }
         if (changedProperties.has('appendTo')) {
-            if (this.appendTo) {
+            // only setup appendTo when the component is connected to the DOM
+            // this fixes an issue which causes popovers to be orphaned in the DOM without the appendTo logic being cleaned up,
+            // cause of Lit deferring the updated() to fire after a disconnect
+            if (this.appendTo && this.isConnected) {
                 this.utils.setupAppendTo();
             }
             else {

package/dist/custom-elements.json

@@ -173,8 +173,8 @@
               "attribute": "disabled",
               "reflects": true,
               "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "utils/mixins/DisabledMixin.js"
+                "name": "AccordionButton",
+                "module": "components/accordionbutton/accordionbutton.component.js"
               }
             },
             {
@@ -493,8 +493,8 @@
               "default": "undefined",
               "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "DisabledMixin",
-                "module": "src/utils/mixins/DisabledMixin.ts"
+                "name": "AccordionButton",
+                "module": "src/components/accordionbutton/accordionbutton.component.ts"
               }
             },
             {

package/dist/utils/mixins/ListNavigationMixin.js

@@ -91,7 +91,12 @@ export const ListNavigationMixin = (superClass) => {
                 if (newIndex !== -1) {
                     // When user clicked on a focusable element inside the item, we update the navigation index, but
                     // keep the focus on the clicked element.
-                    const focusNewItem = !(this.navItems.at(newIndex) !== target && document.activeElement === event.target);
+                    const isActiveElementTarget = document.activeElement === target;
+                    const isActiveElementContainedByTarget = document.activeElement &&
+                        // eslint-disable-next-line no-bitwise
+                        document.activeElement.compareDocumentPosition(target) & Node.DOCUMENT_POSITION_CONTAINED_BY;
+                    const focusNewItem = !(this.navItems.at(newIndex) !== target &&
+                        (isActiveElementTarget || isActiveElementContainedByTarget));
                     this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem, false);
                 }
             };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.133.21",
+  "version": "0.133.23",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"