JedWatson / JedWatson/react-select

React Select creatable is adding Create \label\ sometimes and mostly when we slow the cpu to 6X

Open
#4,758 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Thanks for using react-select!

Before creating an issue...

Are you asking a question?

Please don't file GitHub issues to ask questions. Use Stack Overflow with a #react-select tag.

Are you reporting a bug or runtime error?

Please include a test case that demonstrates the issue you're reporting!

This is very helpful to maintainers in order to help us see the issue you're seeing.

Please note we are currently only directing our efforts towards the current major (v3) version and beyond.

We understand this might be inconvenient but it is in the best interest of supporting the broader community and to sustain the react-select project going forward.

To report bugs against react-select v3 please fork the following code-sandbox:
https://codesandbox.io/s/react-select-v3-sandbox-jgdch

To report bugs against react-select v2 please fork the following code-sandbox:
https://codesandbox.io/s/k5rvn9z3lv

To report bugs against react-select v1 please fork the following code-sandbox:
https://codesandbox.io/s/n34mq0743j

You may also find the online Babel tool quite helpful if you wish to use ES6/ES7 syntax not yet supported by the browser you are using.

Are you making a feature request?

Provide as much information as possible about your requested feature. Here are a few questions you may consider answering:

  • What's your use case? (Tell us about your application and what problem you're trying to solve.)
  • What interface do you have in mind? (What new properties or methods do you think might be helpful?)
  • Can you point to similar functionality with any existing libraries or components? (Working demos can be helpful.)
    value in onChange method ==>
    [
    {
    "label": "Create \ "User Name \ "",
    "value": "User Name",
    "isNew": true
    }
    ]

It's not reproducible most of the time but if we slow CPU 6x times and try to create an option using creatable its coming.

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

Start by reproducing Creatable option creation in the linked react-select v1, v2, or v3 CodeSandbox with CPU throttled to 6x. Inspect the onChange output while creating an option and compare the intermittent label formatting; done means identifying a reliably reproducible case and confirming the returned label is correctly formatted.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.