Method highlightEffect

src/aria/private/combobox/combobox.ts:211–228

Highlights the currently selected item in the combobox.

()

  /** Highlights the currently selected item in the combobox. */
  highlightEffect() {
    const value = this.value();
    const inlineSuggestion = this.inlineSuggestion();

    const isDeleting = untracked(() => this.isDeleting());
    const isFocused = untracked(() => this.isFocused());
    const isExpanded = this.isExpanded();

    if (!inlineSuggestion || !isFocused || !isExpanded || isDeleting) return;

    const inputEl = this.element() as HTMLInputElement;
    const isHighlightable = inlineSuggestion.toLowerCase().startsWith(value.toLowerCase());

    if (isHighlightable) {
      inputEl.value = value + inlineSuggestion.slice(value.length);
      inputEl.setSelectionRange(value.length, inlineSuggestion.length);
    }
  }

  /** Relays keyboard events to the popup. */
  keyboardEventRelayEffect() {