I'm actually creating a webapp with angular5. The app should be used on tablets, running windows 10. This webapp needs to run in Firefox or internet explorer, edge isn't possible due to some infrastructural reasons.
The app has some input fields. If a input field is in the area of the virtual keyboard, the keyboard does hide it when it appears on clicking in the field.
In Edge now the input field scrolls into view, so you can see what you type. But in Firefox and Internet Explorer it does not.
Has someone an idea, how i can force Firefox and Internet Explorer also to scroll the input fields into view by js/css/html?
Related
There is an Android tablet with a barcode scanner connected via USB.
This tablet shows an intranet web site.
Because the Android OS detects an input device, it stops displaying the soft keyboard when focus goes into a field on the screen.
Most of the time this is fine, but there is a couple of fields for which the keyboard must be displayed.
Is there a way to trigger the soft keyboard with JavaScript or in some declarative way from an HTML page?
It is currently not an option to create a wrapper Android app that would display the web site in a WebView and trigger the keyboard via the javascript interface. This is because the WebView uses the stock Android browser, which does not support all features the web site has (the Android version is not too recent). So the tablet runs a separately installed Firefox (or Chrome, no preference).
Try using
onclick="javascript:document.getElementById('input_field_to_focus').focus();"
Refer the link:http://code.google.com/p/android/issues/detail?id=27438
I have an HTML page which has an input field with type="text", autocomplete="off" and autocorrect="off"
Although this turns off the drop down that appears below the input field with previously entered values, I still get these values in the suggestions that appear above my soft keyboard in Samsung Galaxy Tab S tablet. Please see the image below.
Setting autocomplete="off" and autocorrect="off" works fine for Sony Xperia Z tablet. But Samsung Galaxy Tab S is giving issue, which has android 4.4.2 and chrome browser version 38.0.2125.102.
Anyone knows why?
Note: I know i can turn off suggestions from keyboard settings or change the keyboard itself, but i want it to work without the user having to do that. For example sony xperia z tablet have suggestions turned on but it never shows suggestions for input fields that have autocomplete=off, and shows suggestions otherwise.
I could be way off base here, but my thought is that its the keyboard you are running. Samsung's default keyboard on the Tab might have autocomplete/autocorrect by default. There should be another keyboard you can switch to (whether it be android's default or something else). Switching might get you the result you are looking for.
Quote yanchenko from https://stackoverflow.com/a/4488987/2026478
When developing for 2.0+, the supposed way is setting android:inputType="textNoSuggestions" (ref). Unfortunately, suggestions are still shown on HTC Desire 2.2 (and probably other HTC Sense devices as well).
With "android:inputType="textVisiblePassword" the sotware keyboard by HTC won't allow you to switch language.
So I stick to "android:inputType="textFilter" to disable suggestions.
Or programmatically
Quote 1ka from https://stackoverflow.com/a/5039551/2026478
final EditText et = (EditText) findViewById(R.id.SearchText);
et.setInputType(et.getInputType()
| EditorInfo.TYPE_TEXT_FLAG_NO_SUGGESTIONS
| EditorInfo.TYPE_TEXT_VARIATION_FILTER);
Source: How to disable displaying "suggestions" on the Soft Keyboard
I am developing a hybrid app using Worklight, and I am experiencing the following issue:
When the user clicks on an input field, the soft keyboard that pops up hides the input field when the latter is relatively low on the screen. The page is scrollable, so the user can scroll and see the field again, but the customer requirements define that the page will auto-scroll until the field is visible.
Please note that this happens only in the Android environment. In the iPhone and iPad environments the default behavior is the the desired one.
Based on my findings, the trick should be done via the android:windowSoftInputMode attribute in the Android manifest file. However, all my efforts there failed to achieve the auto-scroll.
If there is a solution that is Worklight specific, I would prefer to use it, rather than intervening in the Android native code.
This isn't really about Worklight at all... but about web apps in general in Android, it seems (from a quick search in Stack Overflow).
Here are some suggested solutions, that differ from yours:
Textbox hidden below keyboard in Android webview
html textfield in WebView in an Android application is hidden by the soft keyboard
Keyboard hiding EditText when android:windowTranslucentStatus=true
You could possibly also use iScroll.js (lite edition) - or implement this yourself by catching the focus event - to scroll a specific amount of pixels upwards.
I have a simple web form which is having four input text fields.
Assume I have currently focused on 2nd text field and now I'm moving out from it and clicking on an empty area of the window (so now the focus will not be there).
If I press the tab key now, then apparently it should move to the 3rd text field. This happens in firefox, IE and even in Chrome 27 when I checked. But in Chrome 33 and latest Chrome versions focus goes to 1st text field**.
Is this the default behavior of Chrome latest versions? Are there any possibilities to avoid this and get the same behavior of IE and firefox for tabbing feature?
Note: You can test this scenario using gmail's login page form.
I am seeing some strange behaviour on a pair of input fields in Webkit 534.30 on Android 4.0.4. On focus in the field, the user is unable to click the page and hide the keyboard i.e. gets 'stuck in the field. It works fine in Chrome and in the stock browser on a Sony Xperia S but not the stock ICS browser on a Galaxy S2.
Is anyone aware of a known issue with input focus/blur in this version of webkit or whether there is a better way to set input field focus than:
The code just uses:
$('#input_id').blur(function ()
{
// update some other parts of DOM
});
and
$('#input_id').focus(function ()
{
$(this).val("");
});
Is there a better way to do this for mobile browsers? This issue seems isolated to this particular build of Android on the S2.
I have tried disabling all Javascript and debugging using Adobe Edge Inspect but this hasn't thrown up anything useful.
This was caused by having non numeric characters in the input fields with their attribute 'type' set to "tel". It seems that particular build of webkit would really rather you didn't do that.