focusDefaultOption prop

[Francismb]

focusDefaultOption prop

This prop enables or disables the automatically applied focus to the first or last option in the drop down menu of options.

The use case I found is that if you want a free text search select input but to also have auto completing options, much like a google search box.

#2848
#3324
#3484

[dko-slapdash]

Until this is merged, is there some work-around to achieve the same behavior? Like not focusing a menu item at all when the menu is opened due to a text match (except when an arrow-down is pressed).

[Francismb]

Not that I have found @dko-slapdash

[ShonP]

@frazboyz thanks for this pr. please anyone merge when possible

[JedWatson]

Thanks for this @frazboyz, I'd be happy to merge this but could you please add an example demonstrating usage that we can use to test and demo how it works? (the "advanced" page probably the right place to do this)

[changeset-bot]

💥 No Changeset

Latest commit: 1b6c972

Merging this PR will not cause any packages to be released. If these changes should not cause updates to packages in this repo, this is fine 🙂

If these changes should be published to npm, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

[Francismb]

All yours @JedWatson Example added to the advanced section.

[dannnylin]

@JedWatson can we please merge?

[dannnylin]

@gwyneplaine

[marcolazzarini]

Is the version containing this fix already released?

[dannnylin]

@JedWatson @gwyneplaine

[marcolazzarini]

Let me say that this feature is fundamental in order to use react-select as base for an action menu, like:

in this kind of situation, it's weird (and basically wrong) to have any of the options automatically focused opening the menu

[Francismb]

@mitchellhamilton Any chance you can take a final look?

[eugenet8k]

Please submit, this is a helpful compromise for another use case. If isMulti={true} and closeMenuOnSelect={false} I want users to be able to select multiple options one by one. At this moment, each time users select an option it disappears from options hence getNextFocusedOption mandatory will focus first or last one.

Having focusDefaultOption={false} would at least fix the UX for mouse users, as a nearby to the previously selected option will be focused due to mouse hover event. For keyboard users, it won't help though...

[diegosps]

@flexdinesh pinging you because I saw the pinned issue.

You can see from the linked issue and pr, this has been requested multiple times and it is a longin waiting bug fix.

[bladey]

Thanks for your contribution @Francismb!

This PR has now been brought up to date and tweaked so it can be merged - see PR #4080 for more details.

Closing this PR in favor of #4080.

[raulhinojosa]

Anybody found a workaround at least?