final-form / final-form/react-final-form
OnBlur of react-final-form-listeners does not work on iOS
- Dominant language
- JavaScript
- Stars
- 7.4k
- Forks
- 497
- PR merge metrics
- No merged PRs in 30d
Description
### Are you submitting a **bug report** or a **feature request**?
It is not exactly a bug. I need a work around for this issue.
### What is the current behavior?
I am using react-final-form in which I am making a post web API call when blurred out from the input field. This works fine in Chrome/IE but when it comes to iOS, it does not get triggered.
Current code:
```
import {OnBlur} from "react-final-form-listeners";
//INPUT BOX
//MAKE POST CALL FUNCTION HERE
```
### What is the expected behavior?
It should work when accessed through Safari in iOS devices
### Other information
I went through the Safari Web Content Guide: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
But not sure which event to proceed with. Please help
Contributor guide
Research direction
Start by reproducing the OnBlur listener with the shown Field example in Safari on an iOS device, then inspect the react-final-form-listeners OnBlur entry point and the linked Safari Web Content Guide. Done means the post callback is triggered when the input is left on iOS without breaking the existing Chrome and IE behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100