Method onMouseOver

src/aria/private/menu/menu.ts:226–259

Handles mouseover events for the menu.

(event: MouseEvent)

  /** Handles mouseover events for the menu. */
  onMouseOver(event: MouseEvent) {
    if (!this.visible()) {
      return;
    }

    this.hasBeenHovered.set(true);
    const item = this.inputs.items().find(i => i.element()?.contains(event.target as Node));

    if (!item) {
      return;
    }

    const parent = this.inputs.parent();
    const activeItem = this?.inputs.activeItem();

    if (parent instanceof MenuItemPattern) {
      const grandparent = parent.inputs.parent();
      if (grandparent instanceof MenuPattern) {
        grandparent._clearTimeouts();
        grandparent.listBehavior.goto(parent, {focusElement: false});
      }
    }

    if (activeItem && activeItem !== item) {
      this._closeItem(activeItem);
    }

    if (item.expanded()) {
      this._clearCloseTimeout();
    }

    this._openItem(item);
    this.listBehavior.goto(item, {focusElement: this.shouldFocus()});
  }

  /** Closes the specified menu item after a delay. */
  private _closeItem(item: MenuItemPattern<V>) {