Context menu - target parent li for "mouseenter" events if available

addon/components/o-s-s/context-menu/panel.hbs

@@ -35,14 +35,14 @@
                 @selected={{item.selected}}
                 @disabled={{item.disabled}}
                 @onSelect={{item.action}}
-                {{on "mouseenter" (fn this.openSubMenu item.items index)}}
+                {{did-insert registerMouseEnterOnParent (fn this.openSubMenu item.items index)}}
                 {{on "click" (fn this.toggleSubMenu item.items index)}}
                 class="infinit-select-option-panel-container {{if (eq index this.subReferenceIndex) 'active' ''}}"
               />
             {{else if item.rowRenderer}}
               <item.rowRenderer
                 @item={{item}}
-                {{on "mouseenter" this.closeSubMenu}}
+                {{did-insert registerMouseEnterOnParent this.closeSubMenu}}
                 {{on "click" (fn this.callAction item.action)}}
               />
             {{else}}
@@ -61,7 +61,7 @@
                 @selected={{item.selected}}
                 @disabled={{item.disabled}}
                 @onSelect={{fn this.callAction item.action}}
-                {{on "mouseenter" this.closeSubMenu}}
+                {{did-insert registerMouseEnterOnParent this.closeSubMenu}}
                 class="infinit-select-option-panel-container"
               />
             {{/if}}

addon/components/o-s-s/context-menu/panel.ts

@@ -143,6 +143,15 @@ export default class OSSContextMenuPanelComponent extends Component<OSSContextMe
     }
   }
 
+  @action
+  registerMouseEnterOnParent(element: HTMLElement, templateArgs: Array<(event: PointerEvent) => void>): void {
+    const callback = templateArgs[0];
+    if (callback) {
+      const targetElement = element.parentElement?.matches('li[role="button"]') ? element.parentElement : element;
+      targetElement.addEventListener('pointerenter', callback);
+    }
+  }
+
   private clearSubMenu(): void {
     this.displaySubMenu = false;
     this.subReferenceIndex = -1;