JedWatson / JedWatson/react-select

Clicking button out of multi-select only closes the multi-select

Open
#5,008 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

issue/bug-unconfirmed
Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

Hello and thanks in advance for the help

I do not know if this is a bug or lack of knowledge on my part. The issue is as follows:

I have such a multi-select:

<Select
isMulti
options={this.DoSomething(items)}
closeMenuOnSelect={false}
onChange={(value)=> this.handleClick(value)}
//autoFocus={true}
/>

At the end of the selection I want the user to click on the SAVE button to send the data to the backend

But when user presses the button what happens is just that the dropdown menu closes and then he has to press the button again to really save.

image

Do you have any advice for me?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The report only shows a React Select with isMulti, closeMenuOnSelect, onChange, and a separate SAVE button; no repository file or test is identified. Reproduce the first-click behavior with this setup, then trace the relevant Select focus and menu event handling; done means the SAVE action works on the first click without requiring a second press.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.