Added new props : autoFocusOption

[CharlieBreval]

Hello,

Recently, I have been facing a problem : Using React Select without preselection of the first available (focusable) option.
This option didn't exist at all. The problem has been raised in multiples issues :
#2848

Behavior with this option is simple :
1 : Click on the select : No option is focused
2 : Your user starts typing a word, no option is focused until the user do an action for that.

[danishmughal]

+1 for this, sorely needed.

[alisonhall]

Any idea when this will be merged and released?

[shepitko]

Any idea when this will be merged and released?

+1, useful functionality, I would like to get information about the merge and release. Thanks a lot.

[elnazabo]

Any chances this could be merged in the near future! 🙏 Seems to be very similar to #3324

[evgenyilin]

+1 When?) In some cases a workaround can be to add input value to the list as the first option.

[Lancer-xu]

cool, really expect for this

[johannesdold]

+1 We would urgently need this option - any plans when this pr will be merged?

[rmertens]

we're also waiting for this. is there any news on this?

[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.

[pisetski]

@alisman you have a great but incomplete solution here 🙂The problem is that it doesn't work when you open menu for the first time. Here's the complete:

const ref = React.useRef();
  
React.useEffect(() => {
  ref.current.select.getNextFocusedOption = () => null;
}, []);

const options = [
  {label: 'Option 1', value: '1'},
  {label: 'Option 2', value: '2'},
];

return (
  <ReactSelect
    ref={ref}
    options={options}
  />
);

[bladey]

PR to be reviewed, duplicate of #3010

[bladey]

Hi all,

Thanks for your contribution @CharlieBreval!

There are a number of pull requests adding this feature - I've since created an up to date PR - #4080, and closed similar pull requests.

If I've missed anything, please let me know.

Closing this PR in favor of #4080.