Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Select field closing floating formpanel

    Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.
  1. #1
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default Select field closing floating formpanel

    I have a floating FormPanel with different fields in it but when I try to select an option in the Select field it closes the FormPanel overlay but keeps the Select field option list visible.

    Shouldn't you be able to select an option and keep the FormPanel floating?

    This happens on my iPad, iPod Touch (iOS 4.1) and my TMobile G2 (Android 2.2) phone so it has the different UI Select fields.

    Code:
    		new Ext.form.FormPanel({
    			floating    : true,
    			modal       : true,
    			width       : 300,
    			dockedItems : [{
    				dock  : "top",
    				xtype : "toolbar",
    				title : "Search",
    				items : [{
    					xtype : "spacer"
    				},{
    					text    : "Search",
    					ui      : "action-small",
    					scope   : this,
    					handler : this.doSearch
    				}]
    			}],
    			items       : [{
    				xtype     : "textfield",
    				name      : "query",
    				label     : "Query",
    				showClear : true
    			},{
    				xtype   : "select",
    				name    : "mode",
    				label   : "Mode",
    				value   : "OPTION1",
    				options : [{
    					text  : "Option 1",
    					value : "OPTION1"
    				},{
    					text  : "Option 3",
    					value : "OPTION2"
    				},{
    					text  : "Option 3",
    					value : "OPTION3"
    				}]
    			},{
    				xtype   : "checkbox",
    				name    : "clear",
    				label   : "Clear",
    				checked : true
    			}]
    		});
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  2. #2
    Sencha Premium User
    Join Date
    Feb 2009
    Location
    Glasgow, Scotland
    Posts
    418

    Default

    I came across yesterday this aswell - good to know its not just me!

  3. #3
    Sencha User
    Join Date
    Aug 2010
    Posts
    534

    Default

    Thanks for the report. The team is reviewing your suggestion and will let you know what they decide.

  4. #4

    Default

    after one month, are there solutions for this problem?

    :-(

  5. #5
    Sencha User
    Join Date
    Jun 2010
    Posts
    5

    Default

    The same thing happened to me. Please address this issue.

    I have a modal formPanel that is floating in the middle of the screen with a selectbox and yes when you try and use the select box the form hides.

    Now, my solution was to drop the modal dialog and make it fullscreen, which works, but is not ideal.

    Thanks,
    Jamund

  6. #6
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    Have you tried setting hideOnMaskTap to false on your FormPanel?
    Mitchell Simoens @LikelyMitch

    Check out my GitHub:
    https://github.com/mitchellsimoens

    Posts are my own, not any current, past or future employer's.

  7. #7

    Default

    (bump) for this one

  8. #8

    Default Floating touches failing

    Figured out that the problem seems to be here.

    PHP Code:
        onFloatingTouchStart: function(e) {
            if (!
    this.el.contains(e.target)) {
                
    this.hide();
                if (
    this.stopMaskTapEvent || Ext.fly(e.target).hasCls('x-mask')) {
                    
    e.stopEvent();
                }
            }
        }, 
    Hiding the current floating panel (not the selectfield panel) will remove it from the listener list for touch events -- which causes the touch events listener index to become invalid while iterating inside

    PHP Code:
    fire: function(typeeargs) {
            var 
    listeners this.listeners[type],
                
    ln listeners && listeners.length,
                
    i;

            if (!
    this.disableLocking && this.isLocked(type)) {
                return 
    false;
            }
            
            if (
    ln) {
                
    args Ext.apply(args || {}, {
                    
    timee.timeStamp,
                    
    typetype,
                    
    gesturethis,
                    
    target: (e.target.nodeType == 3) ? e.target.parentNodee.target
                
    });
                
                for (
    0lni++) {
                    
    // index of listeners becomes invalid when iterating through this loop if one the listeners hides due calling onFloatingTouchStart on a floating panel
                    
    listeners[i](eargs);

                }
            }
            
            return 
    true;
        }, 

  9. #9

    Default

    Mitchell Simoens is correct - adding
    PHP Code:
    hideOnMaskTapfalse
    prevents onFloatingTouchStart from being added as a 'touchstart' listener

  10. #10
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    103

    Default

    This is still causing issues for me in v 1.1.

    Will there be a full resolution for this?

    I can disable the tap mask for now, but that doesn't give me the UI behavior that I really need in this case.

Page 1 of 2 12 LastLast

Similar Threads

  1. Select field in the floating form
    By KJedi in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 26 Aug 2011, 6:05 AM
  2. select first field in formpanel?
    By Radziu in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 23 Apr 2009, 5:23 AM
  3. Replies: 3
    Last Post: 29 Feb 2008, 5:31 PM
  4. FF - select field disapeared after closing
    By TTrek in forum Ext 1.x: Help & Discussion
    Replies: 4
    Last Post: 22 Feb 2007, 9:51 AM
  5. IE Select fields and Floating regions in a border layout
    By javajunky in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 24 Jan 2007, 7:16 AM

Posting Permissions

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