I developed a WebApp for a customer, which should be used with an iPad Air. The issue occurs on a form with several text-input fields. The form is designed to fit on a page without scrollbars on mobile devices (smartphones or tablets) in portrait mode (vertical). On my devices (Android Smartphone, Android Tablet and iPad Pro) everything works fine, but on the iPad Air of the customer the following issue occurs:
Whenever he tries to select an input field in the bottom of the page, the iPad keyboard overlays this input field and the user is not able to scroll up to make the input field visible. So the user has to fill the input field, while he is not able to see what he is typing, because the input field is behind the keyboard (obviously not optimal).
I would expect, that the keyboard is shrinking the web view and scrolling the input field to a visible area, which is the case on my iPadPro.
What do I have to do to get the expected behavior on the iPad Air?
Related
I am working on a webapp, I have some input fields. and personalized number pad for the same.
I have disabled keyboard from popping up when user is using chrome app on mobile device.
But if user switches to desktop site on chrome app, it doesn't work.
How should I fix this?
I have a cordova app where there is some input fields which requires the keyboard. But when the keyboard is open it's like the app is frozen. More specific, I have a div as a bottom bar which has a fixed position, but when the keyboard is opened, it can scroll, however when I close the keyboard, everything returns to the expected position. Any idea how to make it not freeze? This is only a problem on iOS. Android works perfect.
My app has the same issue, selecting an input field causes the keyboard to show up and severely lag the app until the keyboard is hidden. After testing simple pages with no scripts or css on multiple devices I found that it primarily affects iPads on at least iOS 8.0 and above. It can cause slowdowns on iPhones but they seem to recover a lot faster.
The best solution I've found so far is to setup an in app keyboard. For my login page, I have an element that is styled as an input field and when it is clicked, it toggles a keyboard div element to appear which has buttons for each key inside it.
I have converted a website to a ipad app (ios 6) using the option "Add to Homescreen" in safari browser, i have input fields in the page when the app loads the page then the virtual keyboard is shown and hides automatically, in safari browser working is fine, issue is only in the app
and it also preventing the user input in the input field,when any key is input-ed then the keyboard scrolls down,
Answers regarding the question is appreciable and thanks in advance
We built a web application that is used in full screen (kiosk) mode. It works fine with keyboard and mouse. We now have few PCs with windows 8 and touch screens (HP smart touch).
How can we force keyboard appearance when user touch any input field?
I have noticed it work like this for some websites.
My web application is to be supported by iPhone, Android and Blackberry torch. The code is working fine except some issues. One of the major issues that i am facing is:
When on a page, there are some tags. Some of which contains a text box for letting user's entry. Everything is working fine on iPhone and Android. But in Blackberry, when i am toggling between textboxes by using taps i.e. first open virtual keyboard by tapping on one textbox, then tap on other textbox, then tap again on the other one. In such cases, my background screen that should be displayed at the background of virtual keyboard, becomes completely blank(like it is not repainted as soon as virtual keyboard is opening and closing). If i slightly scroll, i get the background back.
Does anyone know about this problem? Is there any way i can retain my background or kind of refresh it?