clearing focused key on input change and removing autofocus behavior on menu open/filter

fixes nvda not announcing what letter is deleted when backspacing

Author: LFDanLu

packages/@react-aria/combobox/src/useComboBox.ts

@@ -59,6 +59,7 @@ export function useComboBox<T>(props: AriaComboBoxProps<T>, state: ComboBoxState
 
   let onChange = (val) => {
     state.setInputValue(val);
+    state.selectionManager.setFocusedKey(null);
 
     if (menuTrigger !== 'manual') {
       state.open();
@@ -192,23 +193,11 @@ export function useComboBox<T>(props: AriaComboBoxProps<T>, state: ComboBoxState
 
   let lastValue = useRef(state.inputValue);
   useEffect(() => {
+    // Close combobox menu if user clears input text unless trigger is focus (as per design)
     if (lastValue.current !== state.inputValue) {
-      // Clear focused key if user clears textfield to prevent accidental selection on blur and menuTrigger='focus' (as per design feedback)
-      // Also clear focused key if allowsCustomValue is true, there isn't a selected key, and the input value changed
-      // Specifically for case where menu is closed and user copy pastes a matching value into input field then deletes a character
-      if ((state.inputValue === '' && menuTrigger === 'focus') || (allowsCustomValue && !state.selectedKey)) {
-        state.selectionManager.setFocusedKey(null);
-      }
-
       if (state.inputValue === '' && menuTrigger !== 'focus') {
         state.close();
       }
-
-      // Focus first item if filtered collection no longer contains original focused item (aka user typing to filter collection)
-      // Only set a focused key if one existed previously, don't want to focus something by default if allowsCustomValue = true
-      if ((!allowsCustomValue || state.selectionManager.focusedKey) && state.inputValue !== '' && !state.collection.getItem(state.selectionManager.focusedKey)) {
-        state.selectionManager.setFocusedKey(layout.getFirstKey());
-      }
     }
 
     lastValue.current = state.inputValue;

packages/@react-spectrum/combobox/src/ComboBox.tsx

@@ -88,16 +88,8 @@ function ComboBox<T extends object>(props: SpectrumComboBoxProps<T>, ref: RefObj
 
   let comboBoxAutoFocus;
   // Focus first/last item on menu open if focusStategy is set (done by up/down arrows)
-  // Otherwise if allowsCustomValue is true, only autofocus if there is a selected item
-  // If allowsCustomValue is false, autofocus first item/selectedItem
   if (state.focusStrategy) {
     comboBoxAutoFocus = state.focusStrategy;
-  } else if (props.allowsCustomValue) {
-    if (state.selectedKey) {
-      comboBoxAutoFocus = true;
-    }
-  } else {
-    comboBoxAutoFocus = 'first';
   }
 
   let listbox = (