angular-xeditable icon indicating copy to clipboard operation
angular-xeditable copied to clipboard

blur=submit not working on Mobile Safari

Open vbhagath opened this issue 10 years ago • 6 comments

Please see the fiddle below

http://jsfiddle.net/33t7py4x/

Open the fiddle on Desktop Safari:

  1. Change the text to error and it shows the error message

On a mobile iPhone Safari, the blur=submit does not trigger a save on loosing focus

vbhagath avatar Feb 02 '15 15:02 vbhagath

I just checked on iPhone 6 Safari. It works fine. Could you please recheck?

paustria avatar May 14 '15 22:05 paustria

same issue to me. iphone 5 ios 8.4. also have checked on iphone 6 and latest ios, same

Grandiz avatar Jan 21 '16 13:01 Grandiz

Is this still an issue? I don't have an iPhone, but this the jsfiddle works on my iPad.

ckosloski avatar Jan 02 '17 20:01 ckosloski

I find it is still an issue in our app, and we have customers that report it occasionally.

troygilbert avatar Feb 15 '18 23:02 troygilbert

@troygilbert any idea as to what the issue is?

ckosloski avatar Feb 16 '18 14:02 ckosloski

No idea, unfortunately. There’s two issues:

  • when the user closes the soft keyboard it does not trigger a blur event. This is by design, but should be optionally handled as I have many users who think they are submitting at that point.
  • when the user taps elsewhere on the page it basically does the same thing as clicking “Done” on the soft keyboard: the blue focus ring disappears, but a blur event is not triggered. This can be “fixed” in a clunky way by adding a click handler to a top-level container, which causes a blur event to occur.

On Feb 16, 2018, at 8:53 AM, ckosloski [email protected] wrote:

@troygilbert any idea as to what the issue is?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

troygilbert avatar Feb 17 '18 14:02 troygilbert