Method onMouseOut

src/aria/private/menu/menu.ts:284–308

Handles mouseout events for the menu.

(event: MouseEvent)

  /** Handles mouseout events for the menu. */
  onMouseOut(event: MouseEvent) {
    this._clearOpenTimeout();

    if (this.isFocused()) {
      return;
    }

    const root = this.root();
    const parent = this.inputs.parent();
    const relatedTarget = event.relatedTarget as Node | null;

    if (!root || !parent || parent instanceof MenuTriggerPattern) {
      return;
    }

    const grandparent = parent.inputs.parent();

    if (!grandparent || grandparent instanceof MenuBarPattern) {
      return;
    }

    if (!grandparent.inputs.element()?.contains(relatedTarget)) {
      parent.close();
    }
  }

  /** Handles click events for the menu. */
  onClick(event: MouseEvent) {