@momentum-design/components 0.120.8 → 0.120.10

package/dist/components/listitem/listitem.component.d.ts

@@ -122,8 +122,11 @@ declare class ListItem extends ListItem_base {
     protected handleKeyDown(event: KeyboardEvent): void;
     /**
      * Triggers a click event on the list item.
+     *
+     * @param event - The event that triggered the click.
+     * @returns - Returns true if the click event was dispatched, false otherwise.
      */
-    protected triggerClickEvent(): void;
+    protected triggerClickEvent(event: Event): boolean;
     /**
      * Generates a template for a text slot with the specified content.
      *

package/dist/components/listitem/listitem.component.js

@@ -111,20 +111,31 @@ class ListItem extends DisabledMixin(TabIndexMixin(LifeCycleMixin(Component))) {
      */
     handleKeyDown(event) {
         if (event.key === KEYS.ENTER || event.key === KEYS.SPACE) {
-            this.triggerClickEvent();
-            event.preventDefault();
+            const eventDispatched = this.triggerClickEvent(event);
+            if (eventDispatched) {
+                event.preventDefault();
+            }
         }
     }
     /**
      * Triggers a click event on the list item.
+     *
+     * @param event - The event that triggered the click.
+     * @returns - Returns true if the click event was dispatched, false otherwise.
      */
-    triggerClickEvent() {
+    triggerClickEvent(event) {
+        const target = event.target;
+        // Do not emit click event when the target is a focusable element inside the list item.
+        if (target !== this && document.activeElement === event.target) {
+            return false;
+        }
         const clickEvent = new MouseEvent('click', {
             bubbles: true,
             cancelable: true,
             view: window,
         });
         this.dispatchEvent(clickEvent);
+        return true;
     }
     /**
      * Generates a template for a text slot with the specified content.

package/dist/components/menuitem/menuitem.component.js

@@ -78,7 +78,7 @@ class MenuItem extends ListItem {
      */
     handleKeyDown(event) {
         if (event.key === KEYS.ENTER) {
-            this.triggerClickEvent();
+            this.triggerClickEvent(event);
             event.preventDefault();
         }
     }
@@ -96,7 +96,7 @@ class MenuItem extends ListItem {
      */
     handleKeyUp(event) {
         if (event.key === KEYS.SPACE) {
-            this.triggerClickEvent();
+            this.triggerClickEvent(event);
             event.preventDefault();
         }
     }