Hybrid View

  1. #1
    Sencha User siva565's Avatar
    Join Date
    Nov 2010
    Location
    India,Hyderabad
    Posts
    47
    Answers
    1
    Vote Rating
    0
    siva565 is on a distinguished road

      0  

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

    Unanswered: 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()
    ;
    Thanks
    Siva S

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,605
    Answers
    543
    Vote Rating
    326
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      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
    Touch Premium Member
    Join Date
    Jan 2008
    Location
    Germany
    Posts
    516
    Answers
    1
    Vote Rating
    0
    Stefan B is on a distinguished road

      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
    Touch Premium Member
    Join Date
    Jan 2008
    Location
    Germany
    Posts
    516
    Answers
    1
    Vote Rating
    0
    Stefan B is on a distinguished road

      0  

    Default


    Update: unable to reproduce after restarting Chrome.

Thread Participants: 2

Tags for this Thread