I am working on for creating mobile web application using Angularjs. In one of my page, i used text area for getting some information from user. Also showing users how many characters more remaining, so they aware of maximum limit.
The issue i am getting is, UI is not updating the remaining characters value, during typing inside text area. Furthermore, remaining characters value updates, when user press enter or go to typing next line in text area.
Above issue is not reproducing in PC web browser, iOS safari browsers and Samsung Galaxy phone browser. Only issue i am getting is for Android Tablet running Android OS version 4.0.4.
Here is sample code:
<textarea id="textAreaId" name="textAreaName" class="input-block-level" rows="7" placeholder="Enter your text here." ng-model="oTextArea"></textarea>
<div>length {{oTextArea.length}}</div>
<div>text {{oTextArea}}</div>
In above code length and text div did not update value during typing inside text area for Android Tablet running Android OS version 4.0.4.
if anyone know any solution or reason why it is happening for Android Tablet, then please let me know. Thanks in advance.
Related
I've been struggling for a few hours/days now trying to figure out why only on samsung devices would the webview not receive any input in a text field, it appears to be fine on other manufactures e.g Sony and nexus just not Samsung Note running 4.1
The input box gets focus and the keyboard highlights the selected letter it just does not appear in the input text field, but there is one strange thing it will accept other certain characters e.g. € £ and other foreign characters just no other standard ones or numbers.
I have tried a few different things like webView.getSettings().setJavaScriptEnabled(true); and webView.requestFocus(View.FOCUS_DOWN); neither did the trick :(
The page I am trying to do input on is on the web and not an internal page, but the same issue happens when using google. e.g.
I have an HTML page which is displayed correctly in all devices and all browser except the stock Android browser in Xperia Z.
On this particular device running Android 4.2.2, I am using jQuery v1.7.2, and using $('div').slideUp and $('div').slideDown methods only, and it results in text distortion (it is in English, so I suppose it is not related to any specific font), the text appears as horizontal lines as they would appear for a fraction of a second while sliding up/ down.
I have tried turning the debug mode ON by about:debug in the stock browser, and the javascript console shows no error/ warning messages.
I tried changing the user agent string to iPhone, and to my surprise, the text is rendered as expected.
I have searched for similar issue, and came across Android stock browser crashing, it points to jQuery bug where slideUp/ slideDown have problems in Android stock browser (please note that jQuery and Android versions are different in the reported bug).
My questions are:
Is this a known issue?
Has anyone faced similar problem before?
Is there a workaround to resolve it?
I'd really appreciate if anyone could point me in the right direction.
I have created an app demo app using cordova2.7 the app only contains a search box and two buttons in header and the same in the content field. When run the app in Emulator its working fine and then i tried to run it in Samsung mobile its working fine but when i tried to run it in HTC Desire S when i try to enter character to search element its dispalys some white box above the header and when i try to enter the character in the serach field that i have in the content field it does not show the keypad.Please refer the snapshot I have uploaded below from HTC Desire S
Use RIPPLE, an extension to GOOGLE CHROME, which has inbuilt facility to simulate for different devices. You can get the idea from there.
Although, myself being a PhoneGap developer too, it is quite difficult to deal with all the devices. So your design must be Responsive !
In a web page running on an Android browser (on a Galaxy Nexus), is it possible to disable the feature that suggests words (in a box above the keyboard) and underlines them as you type?
I tried autocomplete="off" autocorrect="off", but it had no effect.
In experiencing the same issue I did some digging and discovered it is a bug in Chrome for Android. Those HTML 5 attributes are intended to do what you are looking for but are not properly supported in Chrome for Android(they do work for iOS). It appears to just recently have been fixed and hopefully should be released in an update soon.
https://code.google.com/p/chromium/issues/detail?id=303883&q=autocorrect&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified
Also feel free to Star the issue to help boost the ranking...
In a web page running on an Android browser (on a Galaxy Nexus), is it
possible to disable the feature that suggests words (in a box above
the keyboard)
No
and underlines them as you type?
No
Those are user preferences and moreover if the user bought a keyboard app, it can have its own setting to auto-complete.
I have testing an app I ported to 2.3 on the Android 2.3 emulator, the app includes Hebrew strings displayed in a WebView required solving three problems:
Telling webview to use hebrew fonts (see my post with solution her Android 2.3 Hebrew fonts in Webview)
Telling webview to display the string right to left, which I solved by adding
<p dir="rtl">
The last problem is that webview mirrors the text: in other words the first word that should be on the right is the last word on the left and also the letters of that word are flipped, the first letter that should be on the right is the first letter from the left.
BTW, the 2.3 emaulator displays the string correctly if in a TextView.
Any ideas on how to fix #3?
I'm using webview that needs to show a complete hebrew website.
I can tell you that I didn't encounter any problem you have listed, but I DO know that sometimes the os (especially when it's custom) doing some problems with hebrew.
If you want to check it more closely, just download the 3.X (Honeycomb) platform to the sdk manager, and try it again (Honeycomb should have built-in hebrew display, so there shouldn't be any problems. If you want, you can send me the link and il'l check it out.