Keep focus on searchfield whil tab clear icon

[lsadiki]

I have a search field and I want do write text and finish it with the iPhone keybard button DONE or ENTER. The ENTER button works with the action event but the DONE button can just be used with the blure event.

Now I just use the bluer event for sending the search request but there are a problem:

If I write something in my searchfield and want to clean it with the (X) button, so it lost the focus and the blur event starts over.

What I want is, that I can send a search request by touching the ENTER and DONE button in iphone keyboard.

How can I do that?

[mitchellsimoens]

Browser behavior will blur the field if you tap off the actual field which you are technically doing with the clear icon.

The issue is that blur fires before the tap on the clear icon

[frenkelor]

I have some workaround for this issue but this is not a "good" workaround.
I'm using Sencha touch 2.1.
The key is inside Sencha touch file "Default.js" in function "doBlurInput".

this is the original implementation:

    doBlurInput: function(e) {
        var target = e.target,
            focusedElement = this.focusedElement;
        if (focusedElement && !this.isInputRegex.test(target.tagName)) {
            delete this.focusedElement;
            focusedElement.blur();
        }
    },

and this is my implementation

    doBlurInput: function(e) {
        var target = e.target,
            focusedElement = this.focusedElement;
        if (focusedElement && !this.isInputRegex.test(target.tagName) && (target.className.toString().indexOf('x-clear-icon') < 0)) {
            delete this.focusedElement;
            focusedElement.blur();
        }
    },

So basically they don't calling the blur event if this is an input element but they don't checking if this is the inputs' clear icon element and prevent the blur action again.

the good part is that this workaround working.
The Bad part is that i didn't succeed to overWrite Sencha Touch class "Ext.viewport.Default"
so for now i'm overwriting the Default.js itself and if you wish to over write your clear-icon cls this is not generic solution.



I think Sencha should handle this bug in their way