[OPEN-660] Android Password Field superfocus persistance

[tinyfactory]

Worked for me too! Thanks for chiming in.

[h-satake]

if using Android 2.1 + Sencha Touch.

behavior of Input field become strange.

When I focus into field and scroll the panel, field is duplicate and show strange position.
It is a Android WebView's bug.
When inputing a HTML input field on Android, Android create other Native input field on it.
And the Native input field cause these strange behavior.
The Native input field is Android "WebTextView".
http://www.androidjavadoc.com/2.3/an...bTextView.html

I trid to resolve this bug only javascript code, but it is impossible.
The Native input field could not remove by JS.
So, I use phonegap and Android Native API.


Use phonegap.js to call native Method.

=== JavaScipt Code ===
//Calling Native method usgin PhoneGap
mywebview.removeAllViewsInLayout();

Using DroidGap to call Native API from JS.

=== Java Code ===

=== MAIN CLASS ===
public class App extends DroidGap {
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.init();

        final MyWebView myWebView = new MyWebView(appView, this);
        appView.addJavascriptInterface(myWebView, "mywebview");
        
        super.loadUrl("file:///android_asset/www/index.html");
    }
}
=== MAIN CLASS ===

Add a method call removeAllViewsInLayout() inside your WebView class. 

=== MyWebView CLASS ===
public class MyWebView extends Activity {
    public WebView webView;
    public DroidGap droidGap;
    
    public MyWebView(WebView webView, DroidGap droidGap) {
        this.webView = webView;
        this.droidGap = droidGap;
    }
    
    /**
     * Remove All ChildView on WebView
     * 
     */
    public synchronized void removeAllViewsInLayout() {
        try {
            Runnable runnable = new Runnable() {
                public void run() {
                    webView.removeAllViewsInLayout();
                };
            };
            droidGap.runOnUiThread(runnable);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}
=== MyWebView CLASS ===

Here is my Blog post about this but in Japanese.
http://extjs.blog.sus4.co.jp/2011/06...form-behavior/

[rshankar]

Hi All,

I am new to Sencha development
I am also facing the same issue with the password field. I tried using form.disable(), But the other fields in the form gets disabled when i clicked Login button except "Password Field". This Sticky password field is carried over to other pages. I also tried blurring the password field and switching over the focus to username field when button is clicked, but nothing works perfectly. Can anyone,throw more light on this issue. Is there any other work around I can proceed with..?

Thanks in advance.

[MatteoBurgassi]

=== JavaScipt Code ===
//Calling Native method usgin PhoneGap
mywebview.removeAllViewsInLayout();

Can you explain where I must put the above code? thanks a lot...

[LachlanArthur]

I had this exact problem, here's how to fix it:

You need to blur the password field as stated earlier, do that by focusing on a "normal" text field. Then remove focus from the text field.

It seems you can't simply do:

Ext.getCmp('login_username').focus().blur();

But it does work when each call is in a setTimeout().

So here's the code that removes the focus from a password field every time:

setTimeout(function() {
    Ext.getCmp('login_username').focus();
    setTimeout(function() {
        Ext.getCmp('login_username').blur();
    },0);
},0);

Hope this helps!

[harikrishnanvh]

Hi,

Could you manage to implement this?

I still could not figure out how to call this from Phonegap.js

Would you be able to help. Thanks in advance

[siebmanb]

@LachlanArthur You are the best ! I have been looking for days... Solution works great. Thanks.