Combobox not showing input value when using e defaultSelectedKey and autofocus #9389

Activity

1. LFDanLu commented on Dec 22, 2025

   

   LFDanLu

   on Dec 22, 2025

   Member

   More actions

   I believe this is due to the nature of autoFocus and the 2 render pass that RAC collections need to build. The moment

   react-spectrum/packages/@react-stately/combobox/src/useComboBoxState.ts

   Lines 261 to 270 in eec6c1a

   	// Update the inputValue if the selected item's text changes from its last tracked value.
   	// This is to handle cases where a selectedKey is specified but the items aren't available (async loading) or the selected item's text value updates.
   	// Only reset if the user isn't currently within the field so we don't erroneously modify user input.
   	// If inputValue is controlled, it is the user's responsibility to update the inputValue when items change.
   	let selectedItemText = selectedKey != null ? collection.getItem(selectedKey)?.textValue ?? '' : '';
   	if (!isFocused && selectedKey != null && props.inputValue === undefined && selectedKey === lastSelectedKey.current) {
   	if (lastSelectedKeyText.current !== selectedItemText) {
   	setLastValue(selectedItemText);
   	setInputValue(selectedItemText);
   	}

   runs and the input field is NOT yet focused but autoFocus, we'd ideally have a input value from the selected key, but the collection isn't available yet. In subsequent renders, the field is already focused which means we won't overwrite the input field's value as per the above code comment.

   👀React with 👀1Reacted by Francesco Saccone