So the pattern says

Home (Optional): Either moves focus to and selects the first option or, if the combobox is editable, returns focus to the combobox and places the cursor on the first character.
End (Optional): Either moves focus to the last option or, if the combobox is editable, returns focus to the combobox and places the cursor after the last character.

https://www.w3.org/WAI/ARIA/apg/patterns/combobox/

Will need to consult with Accessibility. Historically for Combobox, Home/End has only controlled the Selection in the popup.

@majornista ^

Are there any news related to this subject?

@snowystinger and @c0d3rm0n

Shift+Home/End will work on the input when the Listbox for the Autocomplete is closed. You can test this behavior in the RAC ComboBox example. If one were to type in a value that returns no results, like "Flamingo" for example, you can use ArrowLeft to move the cursor to the middle of the word, and then Shift+Home to select the first half of the word. However, with the ListBox open, Home and End move focus in the ListBox. The usage example for the NextUI implementation opens the ListBox to display "No results found." when there are no matches, so Home/End is always interpreted as being intended for the ListBox.

Perhaps we should interpret the Shift key modifier differently for Home/End, when the ListBox is open, or when there are less than 2 results. This however could have implications for any future multiselect or TagGroup implementation.

When the Autocomplete is open, the keyboard events are first handled in useSelectableCollection.ts#L223-L250. Also see useComboBox.ts#L209, where keydown event handlers are chained depending on the open state.

A possible solution might be to add the following before preventing default at useSelectableCollection.ts#L223-L250:

          if (manager.focusedKey === null && e.shiftKey) {
            return;
          }

like this:

      case 'Home':
        if (delegate.getFirstKey) {
          if (manager.focusedKey === null && e.shiftKey) {
            return;
          }
          e.preventDefault();
          let firstKey = delegate.getFirstKey(manager.focusedKey, isCtrlKeyPressed(e));
          manager.setFocusedKey(firstKey);
          if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {
            manager.extendSelection(firstKey);
          } else if (selectOnFocus) {
            manager.replaceSelection(firstKey);
          }
        }
        break;
      case 'End':
        if (delegate.getLastKey) {
          if (manager.focusedKey === null && e.shiftKey) {
            return;
          }
          e.preventDefault();
          let lastKey = delegate.getLastKey(manager.focusedKey, isCtrlKeyPressed(e));
          manager.setFocusedKey(lastKey);
          if (isCtrlKeyPressed(e) && e.shiftKey && manager.selectionMode === 'multiple') {
            manager.extendSelection(lastKey);
          } else if (selectOnFocus) {
            manager.replaceSelection(lastKey);
          }
        }
        break;