🐛 fix(Menu): outside-click functionality issues when activator is 'pa…

…rent'

src/Masa.Blazor.JS/src/mixins/outside-click.ts

@@ -1,3 +1,5 @@
+import { get$ParentElement } from "utils/helper";
+
 class OutsideClick {
   dotNetHelper: DotNet.DotNetObject;
   listener: (e: MouseEvent & KeyboardEvent & FocusEvent) => void;
@@ -46,6 +48,11 @@ class OutsideClick {
 
   checkEvent(e: MouseEvent) {
     return this.excludedSelectors.some((selector) => {
+      const parentElement = get$ParentElement(selector);
+      if (parentElement) {
+        return parentElement.contains(e.target as HTMLElement);
+      }
+
       const elements = Array.from(document.querySelectorAll(selector));
       return elements.some(el => el.contains(e.target as HTMLElement));
     });

src/Masa.Blazor.JS/src/utils/helper.ts

@@ -215,8 +215,12 @@ export function convertToUnit (str: string | number | null | undefined, unit = '
   }
 }
 
-export function getActivator(selector: string): HTMLElement | null {
-  if (selector.startsWith(activator_parent_prefix)) {
+function is$ParentSelector(selector: string) {
+  return selector.startsWith(activator_parent_prefix);
+}
+
+export function get$ParentElement(selector: string): HTMLElement | null {
+  if (is$ParentSelector(selector)) {
     const parentSelector = selector.replace(activator_parent_prefix, "");
     const parentElement = document.querySelector(parentSelector)?.parentElement;
     if (!parentElement) {
@@ -229,9 +233,14 @@ export function getActivator(selector: string): HTMLElement | null {
     }
 
     return parentElement;
-  } else {
-    return document.querySelector(selector);
   }
+
+  return null
+}
+
+export function getActivator(selector: string): HTMLElement | null {
+  const parentElement = get$ParentElement(selector);
+  return parentElement || document.querySelector(selector);
 }
 
 export function isWindow(element: any | Window): element is Window {