Method getBindingForFocus

packages/forms/signals/src/field/node.ts:119–138

* Gets the Field directive binding that should be focused when the developer calls * `focusBoundControl` on this node. * * This will prioritize focusable bindings to this node, and if multiple exist, it will return * the first one in the DOM. If no focusable bindings exist on this node,

()

   * first focusable binding in the DOM for any descendant node of this one.
   */
  private getBindingForFocus():
    | (FormField<unknown> & {focus: (options?: FocusOptions) => void})
    | undefined {
    // First try to focus one of our own bindings.
    const own = this.formFieldBindings()
      .filter(
        (b): b is FormField<unknown> & {focus: (options?: FocusOptions) => void} =>
          b.focus !== undefined,
      )
      .reduce(
        firstInDom<FormField<unknown> & {focus: (options?: FocusOptions) => void}>,
        undefined,
      );
    if (own) return own;
    // Fallback to focusing the bound control for one of our children.
    return this.structure
      .children()
      .map((child) => child.getBindingForFocus())
      .reduce(firstInDom, undefined);
  }

  /**
   * The `AbortController` for the currently debounced sync, or `undefined` if there is none.