Disable auto focus for option

[khawerrind]

First of all thank you for the great library.

I wanted to ask if there is any option to not select any option by default? I want the option to be selected only when user use arrow keys or click on an option using mouse.

[tung-dang]

In this code line https://github.com/JedWatson/react-select/blob/master/src/Select.js#L458, look like
focusOption is always the first or last menu option.
I am also looking for a way to disable this behaviour - "auto select an option when menu open".

[software-project]

Anyone found a solution for this?

[yurii-lubynets]

Hello, @JedWatson
Thank you for the flexible and useful tool. Could you provide some hardcoded solution for this issue? And what about the autoFocus prop?
Thanks,
Yurii

[alisman]

While it would be great for this PR to be merged, I believe I managed to accomplish this with the following hackery:

onInputChange={(value: string) =>{ this.selectRef.select.getNextFocusedOption = ()=>null; }}

There is no longer any default selection, but arrow keying still works.

I then also bind to onKeyDown to intercept submission from input and fire submission callback with text directly from input.

[jasondainter]

This worked great for me.

[EamonNerbonne]

getNextFocusedOption doesn't seem available anymore in v5; I now use this: #4080 (comment)

Do either of you have a more up-to-date fix?

[bladey]

This will be resolved when #4080 is merged.

[augusto-proano]

@khawerrind, quick question, are you planning to merge this pr at some point?

[dayoolacodes]

is there a fix for this yet? this pr has not been merged yet

[zulqarnain-empg]

Hi! any update on this? This is a must-have functionality, kindly merge the above PR.

Does any one have any solution to this?

[tasawernawaz]

@zulqarnain-empg meanwhile you can use this #5447 (comment)

[zulqarnain-empg]

@zulqarnain-empg meanwhile you can use this #5447 (comment)

using a package called 'react-select-async-paginate' and can't find getNextFocusedOption in its ref

[tasawernawaz]

I passed two props to simple like ref={props.selectRef}, onInputChange={props.onInputChange}, then in onInputChange, i did the following if (this.selectRef.current) { // by default it focuses first element (this.selectRef.current.select as any).getNextFocusedOption = () => null; }

[zulqarnain-empg]

unfortunately couldn't find getNextFocusedOption anywhere in react-select-async-paginate's ref

[EamonNerbonne]

I didn't try to disable auto-focus entirely, but simply to reset the focus when the list of options changes. That seems to work with this workaround: #4080 (comment)

[Appolinars]

Hi everyone. Any updates about this? After all these years I see that PRs connected to preventing auto-focusing on first option are still opened or closed. None of them merged. So there is no built-in prop\solution to prevent this auto-focusing?
Some people provide this solution:
onInputChange={(value: string) =>{ this.selectRef.select.getNextFocusedOption = ()=>null; }}
But it looks like workaround and kind of dirty solution. Maybe there are better approaches?