final-form / final-form/react-final-form

OnBlur of react-final-form-listeners does not work on iOS

Open
#493 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.