FormPanel.hide() becomes blank screen.

[hihiapolla]

Hi all,

I want to ask whether any of you ever encounter this case. I have a floating FormPanel. When I call the hide() method, suddenly it shows white screen. Am I doing something wrong here? Here is the code :

       this.formNurseAuthenticate = new Ext.form.FormPanel({
            floating: true,
            hideOnMaskTap: false,
            centered: true,
            items: [this.fieldsetAuthenticate],
            dockedItems: this.toolbarBottomAuthenticate
        })

                      this.buttonAuthenticate.on({
                            tap: function(btn, evt) {
                                document.activeElement.blur();
                                
                                var values = this.formNurseAuthenticate.getValues();
                                
                                this.passwordfieldPassword.setValue('');
                                this.formNurseAuthenticate.hide();


                                Ext.Msg.alert("", "Changing to nurse mode.");
                                
                                if(values.password == this._callerController._nursePassword) {
                                    this._callerController._orderingSession.mode = "nurse";
                                    this._callerController._orderingSession.person_ordering = "nurse";
                                    
                                    this.buttonToggleNurseMode.hide();
                                    this.buttonTogglePatientMode.show();
                                    this.buttonConfirmAndApproveOrder.show();
                                    this.buttonSpecialInstruction.show();
                                    this.buttonBack.show();
                                } else {
                                    Ext.Msg.alert("", "Incorrect password.");
                                }
                            },
                            scope: this
                        });


                        this.passwordfieldPassword.on({
                            keyup: function(comp, evt) {
                                if(evt.browserEvent.keyCode == 13)
                                {
                                    evt.stopEvent();
                                    document.activeElement.blur();


                                    this.buttonAuthenticate.fireEvent('tap');
                                }
                            },
                            scope: this
                        });

I am wondering the behaviour is like submit. The strange things is that when I insert some debugging alert the thing works correctly. Can anyone help me with this? Thanks.

[mitchellsimoens]

The whole screen goes white or just where the form was?