Default iphone keyboard does not close for entire application if it is opened in iframe in ionic 3 - iphone

i have used cordova--plugin-ionic-keyboard default plugin in my hybrid ios
application in ionic 3 .
when i open a payment gateway link by using iframe and i click on the textbox button for writing a card details keyboard will appear but if any case i want to go back after opening a keyboard then keyboard is not closed or hide for whole app then i have to close the app and start again.
i have searched a lot of things on internet but i can not get a appropriate answer which works for me.
i have tried out hide() method of plugin but whichever page i use this hide method that page is not open means app stop before the page on which i try hide method.
i also used in-app browser but still not work

Related

Bottom native button

I'm sorry because I don't speak English very well. I would like to know if it is possible to control the bottom 3 native buttons of Android phone? Example When I am in the application, if I click on the home button or another can I write something in the console or another action before my application closes or even program that I am redirected to the page HomePage before my application closes?
For example, regarding the back button, you can control it with WillPopScope : https://api.flutter.dev/flutter/widgets/WillPopScope-class.html

Programmatically Focus on on a webview (WKWebView)

I am working on a macOS app in which I am using a WKWebview to show web content.
However, after I clicked on another application and then click on my macOS app, I need to click twice on the Webview window, as it doesn't get activated by hovering my mouse over it.
It doesn't listen to events until I click the webview window.
I'm new to Swift and being used to Javascript I would just add a 'mouseenter' listener to the macOS window to focus the webview.
Does anybody know how to solve this?
Thanks!

How to open InAppBrowser in a modal with Ionic 3?

I have InAppBrowser installed in my project, I can open a window with
window.open('https://www.google.com/');
When I execute that a window slides from the bottom covering the screen and loads the requested page.
I want that behavior, but instead of completely taking over the screen I want it to have 80-90% of the screen height, leaving space at the top to show my app header.
Is there a way to do that? Like open a webpage in a modal or a config to change the browser height?
Any other plugin that can do that and also open a browser without leaving the app would also be fine. I guess iframes are not an option because I need to open Twitter, Youtube, Facebook, Instagram and apparently they don't allow iframes
Maybe try this fork of in-app-browser? https://github.com/initialxy/cordova-plugin-themeablebrowser

How to navigate to different pages in a chrome app without creating a new window?

My Chrome app contains two pages A1.html and A2.html. How can i navigate from A1.html to A2.html without creating a new window?
The page A1.html contains 10 div's and A2.html contains a back link to A1.html. My need is to load directly a specific div of A1.html when the back link in A2.html is pressed.
You can't navigate within a Chrome App window (Content Security Policy), although you can navigate to an external browser if you set the target attribute of the <a> element to "_blank". What you have to do, if you really want links to appear to work normally, is intercept the click on the link by setting an event handler and then changing the DOM from within JavaScript.
One easy way to change the DOM from JavaScript if you have an HTML fragment is to use the insertAdjacentHTML API (Google it for documentation).
While this might seem awkward, even limiting, think of a Chrome App as an app, and not a web page. After all, with a native Mac OS X or Windows app, you wouldn't expect to entirely change the UI in a window by simply clicking on a button, right? You'd expect that the app would do that via the native API. Same the Chrome Apps.
Alternatively, you can position a webview in the Chrome App window, and then HTML within the webview works normally, because that really is a "web view."

Link Target in iPhone Based web app

I am building a web application that is to be run by adding the app to the home screen. Currently it has a list of users, clicking on a user takes you to a detail screen for that user and on that screen is a notes link to take the user to another screen with a grid of notes and a text box to add more notes.
When any links are clicked/tapped, the link is opened in Safari, not the current full screen Safari instance. I tried setting the target of the link to _self, but this had no effect.
Any ideas?
I learned a full screen iPhone webapp can only be a single web page. Any link you try to open will launch Safari instead of replacing the current page. To combat this, I used asp.net postbacks with panels to hide/load/show requested data.
I use target="_webapp" and it works just use for example <a href="http://your.link" target="_webapp"> and it gonna open the link without exit landscape (full screen) i dont know why but with some of my webapps works and sometimes dont.