Keyboard disappears on focus in Mobile Browsers (iOS + Android) - javascript

Please help me find and fix this bug https://www.screencast.com/t/mzpKCY4OXH
On the video iPhone X with iOs 11.4.1
This is Shopify Store. Bug hide keyboard for all input on site: in checkouts, in the subscription form. And client says me what bug repeats also on Galaxy S9 in Chrome.

It looks like textfield lost their firstResponder.
Not sure but
When you focus on a specific texfield
Set the textField as firstResponder.
Check this two.
textFieldShouldBeginEditing
textFieldDidBeginEditing

Related

On any iOS Mobile Devices: Inputs within iFrames have issues determining when input is out of focus - Material Design -Recurly

Situation:
Material Design Floating Labels are stuck with a class="in-focused" even when the input is out of focus. The inputs also contain an iFrame generated from Recurly if that helps.
This seems to happen on (Chrome and Safari) browsers for any iOS Mobile device (iPads iPhones any version). Also, the inputs are all iFrames. Sometimes the cursor will disappear (version 9 and below) when you try to tap back into an empty input field as an additional error. The iFrames are generated from Recurly.
I believe there is an issue with Mobile Safari devices where it doesn't recognize a possible Blur event.
Question:
My goal is to remove the class="is-focused" from any element that is not in focus. What would you you recommend as a solution for this problem?
If you would like to reproduce the error you can see if you go to this url: https://pantaya.com/billing/payment (sign up a dummy account if you need to...) You will see the form that gives these errors.
All advice is helpful! Thank you!
Picture attached to see error:

iOS Keyboard Partial Trigger on input focus

When the using the site in Safari on iPhone 5/SE, focusing on either of the two inputs shown below doesn't fully trigger the keyboard. The field toggle and "Done" buttons appear but no keyboard.
We're using a third party chat plugin that we can't swap out for another one.
The live site is: https://www.citywesthousingtrust.org.uk
I'm using the iOS simulator here but it works the same on the physical devices we have too. The issue appears to be limited to iPhone 5/SE.
Any ideas?
The simulator does this because you have a physical keyboard on your mac so no need to display anything (you can type using your computer keyboard).
If you explicitly need the iOS keyboard to show up, press 'command + K' when you're in the simulator
Hope this helps!

Android Webview Keyboard issues

we're developing a WebView based application. Since recent update of "Android System Webview" (v. 59.0.3071.125) the soft keyboard has strange behaviors.
It opens/closes slower when hopping between input controls
the soft keyboard even sometimes dissapearing for a while (when given a ENTER to go to the next input control)
the keyboard looks like to be stopped working at all, it is visible but it look s like not 'linked' anymore to the active input control (while the cursor is blinking in the input control)
All this was working well using "Android System WebView version 45.0.2425.95
but not anymore. New device cannot be downgraded.
Does anybody has a solution to:
keep the keyboard connect to the webview's active input control
faster showing the keyboard popup
thanks in advance
I had similar problems so i side-loaded earlier version of Android System WebView.
Please try uninstalling updates to Android System WebView from Settings->Apps->Android System WebView
And install earlier version like 55 from https://www.apkmirror.com/apk/google-inc/android-system-webview/android-system-webview-55-0-2883-91-release/
until further update comes to Android System WebView which rectifies the said problem.

CKEditor android formatters work incorrectly

I have CKEditor v. 4.3.1 for my app. I tested it on android tablet - everything works fine, but when I've tried to enter text via CKEditor in android mobile phone, there was an issue that when I press format buttons(bold, superscript, etc.) they don't work, but when I press space button and then press format buttons, they work normally. (Android v 4.4.4, chrome v.37)
Has anyone faced the same issue ?
In the future if you need to report a bug in CKEditor, it's better to do this on CKEditor issue tracker. Always make sure to provide as many details as possible, including the exact steps that you perform etc.
We did some testing and your findings are correct:
https://dev.ckeditor.com/ticket/12537
Can you add an addittional information to the ticket whether you are using stock Android 4.4.4 or e.g. Cyanogenmod?

Android browsers keyboard opens/closes on last input field focus

I'm getting some odd behaviour in the Chrome browser on HTC One and Galaxy S5.
I click on an input field to enter some data and the keyboard opens and immediately closes again.
I've noticed it only happens on the last available input field on my pages.
Has anyone encountered this issue before?
It works fine on the iPhone and desktop browsers.
Thanks
Ok...so it looks like it has something to do with android browsers redrawing the DOM whenever the keyboard appears. I have $(window).resize() function that is getting called each time the keyboard appears in this case. I may just switch it to use $(window).load().

Categories