Function focus

packages/react-aria/src/gridlist/useGridListItem.ts:115–146

()

  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.
  let keyWhenFocused = useRef<Key | null>(null);
  let focus = () => {
    if (ref.current === null) {
      return;
    }

    if (focusMode === 'child') {
      // If focus is already on a focusable child within the row, early return so we don't shift focus
      if (
        isFocusWithin(ref.current) &&
        ref.current !== getActiveElement(getOwnerDocument(ref.current))
      ) {
        return;
      }

      let treeWalker = getFocusableTreeWalker(ref.current, {tabbable: true});
      let focusable = treeWalker.firstChild() as FocusableElement;
      if (focusable) {
        focusSafely(focusable);
        scrollIntoViewport(focusable, {containingElement: getScrollParent(focusable)});
        return;
      }
    }

    // Don't shift focus to the row if the active element is a element within the row already
    // (e.g. clicking on a row button)
    if (
      (keyWhenFocused.current != null && node.key !== keyWhenFocused.current) ||
      !isFocusWithin(ref.current)
    ) {
      focusSafely(ref.current);
    }
  };

  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};
  let hasChildRows = props.hasChildItems;