Results 1 to 4 of 4

Thread: Extjs 4 Popup window vertical scroll-bar not moving in Google chrome

  1. #1
    Sencha User
    Join Date
    Nov 2010
    Location
    India,Hyderabad
    Posts
    47
    Answers
    1
    Vote Rating
    0
      0  

    Default Extjs 4 Popup window vertical scroll-bar not moving in Google chrome

    I have a popup window in Extjs viewport layout and with in this popup I have a tab panel. When the tabpanel content too large popup window shows vertical scroll bar but the scroll bar not moving in Google chrome browser. It's working fine in Firefox.


    1.png


    My sample code


    Code:
    var first_tab_form = Ext.create('Ext.form.Panel', {
        autoHeight: true,   
     frame: false,    
    fileUpload: true,    
    fieldDefaults: {        
    labelWidth: 130,        
    labelSeparator: ' ',       
     labelAlign: 'right',       
     cls: 'textlineht ff_styles'    
    },    
    items: [{       
     fieldLabel: 'Field1',       
     xtype: 'textfield',        
    allowBlank: false,        
    anchor: '60%'    
    }, {       
     fieldLabel: 'Field2 ',       
     xtype: 'htmleditor',        
     anchor: '90%'    
    }, {        
    fieldLabel: 'Field3',   
         xtype: 'htmleditor',  
          anchor: '90%'   
         }] });
    
    var MyTabs = Ext.createWidget('tabpanel', {    
    activeTab: 0,    
    width: 780,  
      height: 520,   
     //autoHeight: true,    
    //minHeight: 600,    
    plain: true,    
    defaults: {       
     autoScroll: true,       
     width: 780,      
      height: 520,   
     },    
    items: [{        
    title: 'My First Tab',    
        //layout: 'fit',    
        bodyPadding: 5,   
         items: first_tab_form  
      }, {       
     title: 'My second tab',    
        //layout: 'fit',     
       bodyPadding: 5,      
      items: second_tab_form  
      }]});
    var MyWindow = Ext.create('Ext.window.Window', {    
                   height: 560,             
          y: 10,     
       width: 800,    
        //autoScroll: true,      
      //closeAction: 'hide',    
        frame: false,     
       border: false,    
        modal: true,    
        bodyPadding: 10,  
          plain: true,      
      //layout: 'fit',    
        maximizable: true,
            items: MyTabs   
      }).show()
    ;

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,790
    Answers
    583
    Vote Rating
    391
      0  

    Default

    Please take the time to indent your code so that it is readable before you post it.

    Exactly which ExtJS version are you using?

  3. #3
    Sencha Premium User
    Join Date
    Jan 2008
    Location
    Germany
    Posts
    533
    Answers
    1
    Vote Rating
    1
      0  

    Default

    Hi all,

    same behaviour here with ExtJS 3.4.0 in Chrome 23.
    My bet is on the HTMLEditor component ...

    Stefan

  4. #4
    Sencha Premium User
    Join Date
    Jan 2008
    Location
    Germany
    Posts
    533
    Answers
    1
    Vote Rating
    1
      0  

    Default

    Update: unable to reproduce after restarting Chrome.

Tags for this Thread

Posting Permissions

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