Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    56
    Vote Rating
    0
    aaronchen2k is an unknown quantity at this point

      0  

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

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


    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

  2. #2
    Sencha User
    Join Date
    Nov 2011
    Posts
    56
    Vote Rating
    0
    aaronchen2k is an unknown quantity at this point

      0  

    Default ...

    ...


    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

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    56
    Vote Rating
    0
    aaronchen2k is an unknown quantity at this point

      0  

    Default ...

    ...


    Fixed by codes:

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

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,649
    Vote Rating
    898
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.

    Code:
        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();
        }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1