You found a bug! We've classified it as EXTJS-8231 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Ext JS Premium Member
    Join Date
    Jun 2011
    Location
    St. Louis
    Posts
    212
    Vote Rating
    9
    jimmylu98 will become famous soon enough

      0  

    Default extjs 4.1.1a: tab setTitle will reset form panel scrollbar if form panel has fieldset

    extjs 4.1.1a: tab setTitle will reset form panel scrollbar if form panel has fieldset


    Not sure this is bug or not. Also not sure how could this happen! Tested with both FF16.0.2 and Chrome V23.

    See attached simplified test code and using following steps you will see the problem:
    (1) Load the program.
    (2) Reduce the browser window to see the vertical scrollbar (see tab-A.gif).
    (3) Move vertical scrollbar to bottom.
    (4) Now you will see when tab setTitle (simulate at the background with this test), the scrollbar move to the middle (see tab-B.gif).
    (5) Then it will be very difficult to access field: 'Test Input'.

    Please look at the problem to see if you can help to prevent the problem. Thank you for the support.



    PHP Code:
    Ext.onReady(function() {
        var 
    viewport Ext.create('Ext.Viewport', {
        
    layout'border',
        
    items: [{
            
    region'center',
            
    xtype'tabpanel',
            
    items: [{ 
                
    xtype'tabpanel'
                
    title'Tab Title Change'
                
    items: [{
                    
    title'Form',
                    
    autoScrolltrue,
                    
    layout'anchor',
                            
    items: [{
                                    
    xtype'fieldset',
                                   
    title'Your Name',
                            
    flex1,
                            
    layout: { type'vbox'align'stretch'pack'start'    },
                                    
    items: [{
                            
    xtype'textfield',
                                        
    fieldLabel'First'
                                    
    }, {
                             
    xtype'textfield',
                                        
    fieldLabel'MI'
                                    
    }, {
                            
    xtype'textfield',
                                        
    fieldLabel'Last'
                                    
    }, {
                            
    xtype'textfield',
                                        
    fieldLabel'Email Address'
                                    
    }]
                            }, {
                                    
    xtype'textfield',
                                    
    fieldLabel'Subject',
                            
    anchor'100%'
                            
    }, {
                                    
    xtype'fieldset',
                                    
    title'Message',
                            
    height300,
                            
    flex1,
                            
    layout: { type'vbox'align'stretch'pack'start'    },
                                   
    items: [{
                                        
    xtype'textareafield'
                            
    }]
                                }, {
                        
    xtype'textfield',
                                    
    fieldLabel'Test Input'
                            
    }]                
                }]
            },{
                    
    title'Tab 2',
                   
    html'This is tab 2 content.'
            
    },{
                   
    title'Tab 3',
                    
    html'This is tab 3 content.'
            
    }],
                    
    listeners: {
                        
    afterrender: function () {
                    var 
    me thisi=3tab me.getComponent(0);
                    
    Ext.TaskManager.start({
                        
    run: function(){ 
                            
    i++;
                            
    tab.setTitle'Tab'+i);
                            
    console.info' change tab title' );
                        },
                        
    interval1000
                    
    });
                        },
                    }

        }]
      });

    }); 
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Vote Rating
    846
    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


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1