How to change the keyboard in Phonegap iOS - ios

I have making a phonegap app which have text fields in it.
Problem:- I want to remove the Done button from the keyboard or I want a Event listener of done button. Ether of the things will work for me.
My Problem is similar to this link

You can't remove the done button, since Phonegap uses a UIWebView to present the UI you will be stuck with keyboard used by the UIWebView.

Related

How to disable URL drag in a Capacitor application for iOS?

I have an iOS app written using Capacitor.
I have buttons which are links to different part of the application.
If I do a long press over some button then drag it the iOS shows a popup block exposing the internal link, something like "capacitor://...."
Is there any way to disable this behaviour?
I can change every link and replace href with onclick method but I wonder if there is an option somewhere in Xcode to do it for all links.

Ionic - On IOS, Stripe payment button is hidden by the keyboard

My app integrates with Stripe for payment purpose, but I have an issue on IOS... People can't pay.
The payment button is hovered over by the keyboard, and there is no button to close it like there is on Android.
I can't succeed into making the popup scroll either.
I'm using custom integration and didn't find anything to help me... Other than making everything from scratch with a custom modal and custom form. And I really don't want to do that.
You can see the tiny top line of the blue button under the keyboard... That's what we want to click !
Install cordova keyboard plugin and in you app.component.ts add this:
this.platform.ready().then(() => {
...
this.keyboard.hideFormAccessoryBar(false); // Hide the keyboard accessory bar with the next, previous and done buttons.
...
});
Then when the keyboard show up you will have a nice "Done" option to close it.
This should help your customer to finalize payment.
Is that in a webview? Stripe doesn't always work the way you'd expect in a webview. You might need to build your form with Elements rather than Checkout.

iOS keypad not getting hidden after upgrade to iOS 10 in angular js

I have recently updated device to iOS 10 and facing issues with hiding iOS keypad when i switch from one view to another.It was working well with iOS 9.3.
Programmatically what i have done is, i was intercepting some element and auto focusing one input box when i navigate to second view. And when i move back to first view it was getting hidden but now with 10.0 it doesn't hide it automatically.
Because of privacy concern i am not able to post my code here but this is an angular code where i have written a directive which intercepts clicks on input box in the second view and auto focuses the same which in turn makes keypad popping up.
Now my requirement is to hide this keypad when i move back to first view.
As iOS 10 is very recently released any help or suggestion on this will be greatly appreciated.
N.B: Everything works well with iOS 8 and 9.
Here is what i have tried:
Tried hiding active DOM element.
document.activeElement.blur();
Also tried calling blur using target property of $element by passing that to my link function in the directive.
It looks like this is a bug in safari. I had the same issue today and was able to reproduce it with this fiddle:
https://jsfiddle.net/Lz652478/6/
It looks like if an input is removed from the dom via a touch event, the keyboard will become sticky. I've been able to get around it in my app by manually calling blur at the start of my event handler, before the route changes and the input is removed from the dom.

IOS native keyboard pushing entire webview up - cordova app

I am developing an app (IOS platform) using HTML5, CSS3, angular and cordova(3.8) and stuck with an major issue.
I have a page with footer having three buttons. On click of each button a modal comes up from the bottom. Modal position is set to fixed and inside it as scroll-able container. scroll-able container contains a text area where user can input some text.
Whenever the modal comes up, text area is focused so that keyboard comes up by default. The issue is whenever native keyboard comes up webview is pushed up and entire modal gets scrolled.
I saw same issues been posted by others and I tried few solutions mentioned in reply for those questions like using ionic keyboard plugin, setting scrollTop to 0 on textarea focus. But nothing worked out.
In config.xml, I have set DisallowOverscroll to true.
It would be great helpful if someone help me with this issue ?

Button Highlighting and Scroll Issue in Phonegap

I am New to Phonegap Development, I am Using jQuery mobile to create my UI. I have two Issues here,
Response of button for touch event is very slow. Why..?
I have Created a form with some elements like 2 Inputs text type, 2 Button one after another.
M problem is when I click on input, the keyboard popup makes the page move up, that's OK but when I press the keyboard resign button, the page stay little up.
Can you please help me out..!
and how to Optimize the responsiveness of JQuery mobile UI. I have completely avoided the images.
First, you can follow this link to remove the delay (300ms) from the click event.
And for the second one, i hope you are facing this issue for android. if so, then you need some changes to be done on the AndroidManifest.xml
Use below android property in application tag,
android:hardwareAccelerated="false"
android:windowSoftInputMode="adjustPan"
Will look something like
<application android:icon="#drawable/icon" android:label="#string/app_name"
android:hardwareAccelerated="false"
android:windowSoftInputMode="adjustPan">
This should resolve your issue.

Resources