@momentum-design/components 0.134.2 → 0.134.3

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

@@ -13,6 +13,7 @@ import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { Component } from '../../models';
+import { getHostComposePath } from '../../utils/dom';
 import { BackdropMixin } from '../../utils/mixins/BackdropMixin';
 import { FocusTrapMixin } from '../../utils/mixins/focus/FocusTrapMixin';
 import { PreventScrollMixin } from '../../utils/mixins/PreventScrollMixin';
@@ -569,6 +570,16 @@ class Popover extends KeyDownHandledMixin(KeyToActionMixin(BackdropMixin(Prevent
         this.handleMouseLeave = (event) => {
             if (!this.isEventFromTrigger(event))
                 return;
+            // When the trigger contains shadow DOM children (e.g. an icon with internal SVG elements),
+            // mouseleave fires on internal elements as the mouse moves between them.
+            // Only close if the mouse has actually left the trigger element.
+            const mouseEvent = event;
+            const { triggerElement } = this;
+            if (triggerElement && mouseEvent.relatedTarget instanceof Element) {
+                if (getHostComposePath(mouseEvent.relatedTarget).includes(triggerElement)) {
+                    return;
+                }
+            }
             this.isHovered = false;
             this.startCloseDelay();
         };

package/package.json

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