Results 1 to 2 of 2

Thread: Mask of modal panel some times does not close with panel after hideOnMaskTap

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default Mask of modal panel some times does not close with panel after hideOnMaskTap

    Sencha Touch version tested:
    • 1.1.0

    • only default ext-all.css
    Platform tested against:
    • iOS 4
    Description:
    • Mask of modal panel some times does not close with panel after hideOnMaskTap after interacting with the contents of the popup
    • Opening the popup and then touching the mask to close the popup without interacting with the internal content does however close close both popup and hides mask
    Test Case:
    Code:
    function showPopup() {
    
    
        this.popup = new Ext.Panel({
            cls: 'cards',
            floating: true,
            modal: true,
            centered: true,
            height: 350,
            width: 300,
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            styleHtmlContent: true,
            dockedItems: [{
                dock: 'top',
                xtype: 'toolbar', 
                title: mls
            }],
            items: [{
                xtype: 'container',
                flex: 1,
                layout: {
                    type: 'vbox',
                    align: 'stretch'
                },
                scroll: 'vertical',
                items: [{
                    height: 160,
                    xtype: 'carousel',
                    items: [{
                        html: 'Carousel 1'
                    },{
                        html: 'Carousel 2'
                }]
            },{
                flex: 1,
                html: "blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />blah<br />"
                }]
            }]
        });
    
    
        this.popup.show('pop');
    }


    Steps to reproduce the problem:

    • launch popup
    • interact with popup carousel and html area by scrolling vertically
    • touch the mask to have the modal popup close
    The result that was expected:
    • modal and model mask closes
    The result that occurs instead:
    • only modal popup closes, but the mask stays behind
    Debugging already done:
    • none
    Possible fix:
    • not provided

  2. #2
    Sencha User
    Join Date
    Jul 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default

    I've been able to work around the bug by adding the following listener to the modal popup panel from the code above:

    Code:
                    listeners: {
                            beforeHide: function() {
                                    Ext.getBody().unmask();
                            }       
                    }
    Calling Ext.getBody().unmask(); each time the popup is hidden seems to work around the mask not hiding intermittently when it is expected to.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •