JedWatson / JedWatson/react-select
Validation works incorrectly for React-select with Formik and yup on mobile device
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
I have connected React-select element with Formik and yup. Validation works fine in a desktop browser. But in mobile browser, I am getting a validation error on first select element value change. But I am not getting error on the next value changes.
I'm using version "react-select": "5.2.2"
yup verion "yup": "^1.3.2"
I found a work around on stack overflow in this link: https://stackoverflow.com/questions/64610967/validation-works-incorrectly-for-react-select-with-formik-on-mobile-device
but is there any other solution rather than disable blurInputOnSelect?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No repository file or test is named. Start by reproducing the first-change and subsequent-change behavior on a mobile browser with react-select 5.2.2, Formik, and yup, then compare it with desktop behavior. Done means identifying a solution that prevents the initial validation error without disabling blurInputOnSelect.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100