Results 1 to 2 of 2

Thread: [FIXED-EXTJSIV-1286][B3] Serious Fieldset layout issue in FF

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    534
    Vote Rating
    29
      0  

    Default [FIXED-EXTJSIV-1286][B3] Serious Fieldset layout issue in FF

    Fieldsets with the following config under FF have incorrect layouts

    Chrome and IE render/layout the Fieldsets correctly

    Note: if you add "width : 200" to the Fieldsets it corrects the issue in FF to a fashion. i.e. the layout can be seen to reposition its self.

    See attached images

    Test Case
    Code:
    Ext.onReady(function(){
    
    	myForm = Ext.widget('form', {
    		title: 'Test Title',
    		border: 0,
            width: 481,
            bodyPadding: 0,
            fieldDefaults: {
                labelAlign: 'left',
                labelWidth: 90,
                msgTarget: 'qtip'
            },
    		items: [
    			{
    				xtype: 'fieldset',
                    title: 'Fieldset 1',
                    defaultType: 'textfield',
    				collapsible: true,
    				collapsed: true,
                    layout: 'anchor',
                    defaults: {
                        anchor: '100%',
    					labelWidth: 100
            		},
    				items: [
    					{
    						xtype: 'container',
    						layout: 'hbox',
    						defaults: {
    							margins: '0 5 0 5'
    						},
    						items: [
    							{
    								xtype: 'fieldset',
    								title: 'Sub Fieldset 1',
    								layout: 'anchor',
    								flex : 1,
    								defaults: {
    									anchor: '100%'
    								},
    								items: [
    									{
    										xtype: 'numberfield',
    										fieldLabel: 'Testing'
    									},
    									{
    										xtype: 'numberfield',
    										fieldLabel: 'Testing'
    									}
    
    								]
    							},
    							{
    								xtype: 'fieldset',
    								title: 'Sub Fieldset 2',
    								layout: 'anchor',
    								flex : 1,
    								defaults: {
    									anchor: '100%'
    								},
    								items: [
    									{
    										xtype: 'numberfield',
    										fieldLabel: 'Testing'
    										
    									},
    									{
    										xtype: 'numberfield',
    										fieldLabel: 'Testing'
    									}
    								]
    							}
    						
    						]
    					}
    				]
    				
    			}
    		]
    	});
    
    
    
    	var myPanel = Ext.create('Ext.panel.Panel', {
    		region: 'center',
    		id: 'myPanelId',
    		border: 0,
    		items: [
    			myForm
    		]
    		
    	});
    
    	Ext.create('Ext.Viewport', {
            id: 'testing',
    		layout: {
                type: 'fit'
            },
            items: [
    			myPanel
    		]
    	});
    
    });
    FF 3.6.16
    FF.jpg

    Chrome
    Chrome.jpg

  2. #2
    Ext JS Premium Member
    Join Date
    Jul 2010
    Location
    UK
    Posts
    534
    Vote Rating
    29
      0  

    Default

    Issue resolved in 4.0.0. Thanks!

Similar Threads

  1. [FIXED-EXTJSIV-1550] [B3] Another Layout/Grid Issue
    By James Goddard in forum Ext:Bugs
    Replies: 12
    Last Post: 24 Aug 2011, 2:53 AM
  2. Replies: 3
    Last Post: 7 Apr 2011, 5:38 AM
  3. [PR5][FIXED-EXTJSIV-189] ComboBox Selection Issue
    By PV-Patrick in forum Ext:Bugs
    Replies: 8
    Last Post: 22 Mar 2011, 5:26 PM
  4. [2.1] FieldSet layout issue
    By fother in forum Ext 2.x: Bugs
    Replies: 6
    Last Post: 16 Jun 2008, 10:55 AM
  5. Form fieldset layout issue
    By buntyindia in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 29 May 2008, 6:44 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
  •