Can see datePicker component, it's covered by soft keyboard.

[aaronchen2k]

sencha-touch-2.0.1.1
android 4.1 build-in browser

Steps:
1. Set the focus on a form textbox, system will show the soft keyboard.
2. Click the datepickerfield component.

Expected Result:
Soft keyboard should be closed, and pop-up a datePicker bar on the bottom.

Actual Result:
Soft keyboard NOT be closed, and can not see the datePicker bar that is under the soft keyboard.


豌豆荚截图20121024100532.png

[aaronchen2k]

You can find that the datepicker bar is covered by the soft keyboard in attached image.


I try call textbox.blur() method to let the textbox lost the focus in datepickerfield's mousedown event, but after that, the form will reset the focus to textbox. How can I solve it? thanks

[aaronchen2k]

Fixed by codes:

        focusedElement = this.getAppointmentDetail().getFocusedField();        console.log(focusedElement);
        if (focusedElement) {
            if (Ext.os.version.lt('4')) {
                focusedElement.style.display = 'none';
            }
            else {
                focusedElement.blur();
            }
        }

[mitchellsimoens]

This has been fixed in 2.1.0. What we do is if it's Android 4 we focus and then blur on the disabled <input. of the date picker and select field.

    onFocus: function(e) {
        var component = this.getComponent();
        this.fireEvent('focus', this, e);

        if (Ext.os.is.Android4) {
            component.input.dom.focus();
        }
        component.input.dom.blur();

        if (this.getReadOnly()) {
            return false;
        }

        this.isFocused = true;

        this.getPicker().show();
    }