ComboBox Home and End keys don't work when ComboBox is closed

[siefkenj]

When a ComboBox is open, the Home and End keys navigate to the first and last item in the ComboBox. However, when the ComboBox is closed, the Home and End keys appear to do nothing. They should respond in the usual way by navigating the cursor to the start and end of the text in the combo box.

I actually think that this should be the behavior either way, as long as the text portion of the ComboBox is what has focused. It makes sense that after pressing an arrow down key, then focus is applied to the dropdown and the Home/End keys have their current behavior.

[El-Burro]

For anyone encountering this, our work around was to use a custom input element:

<Combobox.Input as={Fragment}>
  <input ref={inputRef}>
</Combobox.Input>

and block the default behaviour. Then we put back the selection functionality and moving the cursor with the Home/End keys.

const inputRef = useRef<HTMLInputElement>(null);

const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
  const { key } = e;
  if (key === "Home" || key === "End") {
    e.preventDefault();
    e.stopPropagation();

    if (key === "Home") inputRef.current?.setSelectionRange(0, e.shiftKey ? inputRef.current.selectionEnd : 0);
    if (key === "End") inputRef.current?.setSelectionRange(e.shiftKey ? inputRef.current.selectionStart : -1, -1);

    return;
  }
};

[thecrypticace]

This will be fixed in the next release. 👍

We defer to the browser so it'll do whatever the browser does.

Home/End move the caret on Windows but not macOS.
Shift+Home/End elects + moves the caret on Windows and macOS.