Method onFocusOut

src/aria/private/grid/grid.ts:251–270

Handles focusout events on the grid.

(event: FocusEvent)

  /** Handles focusout events on the grid. */
  onFocusOut(event: FocusEvent) {
    // Pass down focusout event to the cell that loses focus.
    const blurTarget = _getEventTarget<Element>(event);
    const cell = this.inputs.getCell(blurTarget);

    // Pass down the focusout event to the cell.
    cell?.onFocusOut(event);

    const focusTarget = event.relatedTarget as Element | null;
    if (this.inputs.element().contains(focusTarget)) return;

    // If a `relatedTarget`(focusing target) is null, then it can be caused by either
    // - Clicking on a non-focusable element, or
    // - The focused element is removed from the page.
    if (focusTarget === null) {
      this._maybeDeletion.set(true);
    }

    this.isFocused.set(false);
  }

  /** Sets the default active state of the grid before receiving focus the first time. */
  setDefaultStateEffect(): void {