[4.1.0] FieldSet with anchor fields causes incorrect scrolling

[anton.dimitrov]

REQUIRED INFORMATION Ext version tested:

• Ext 4.1.0
• Ext 4.1.1 PR1

Browser versions tested against:

• FF
• Chrome

Description:

• If a fieldset with anchor layout (where the fields are set with 'anchor:100%') is resized the horizontal scroller is shown for the fieldset parent. The parent is configured with autoScroll set to true.If instead of a fieldset there is a panel used then the horizontal scroller is not shown.

Steps to reproduce the problem:

• 1
• Run the test case
• resize the window to the middle of the fieldset (a vertical and horizontal scroller will appear)

Capture.PNGCapture1.PNG

• 2
• Run the test case
• resize the window (increase its width) the fields width will remain the same.
• resize the window (increase its height) the fields width will increase to the width they were supposed to increase after the first resize
• resize back the width of the window and the width of the fields will remain the same causing the horizontal scroller to appear Capture.PNGCapture2.jpgCapture3.jpgCapture4.PNG

The result that was expected:

• No horizontal scroller after resize, only vertical should appear.

The result that occurs instead:

• both horizontal and vertical scrollers appeared
• fields did not resize in accordance with their layot

Test Case:

     Ext.widget('window', {
            renderTo: Ext.getBody(),
            frame: true,
            autoScroll: true,
            title: 'Simple Form with FieldSets',
            width: 350,

            items: [{
                xtype: 'fieldset',
                title: 'Field Set',

                defaultType: 'textfield',
                layout: 'anchor',
                defaults: {
                    anchor: '100%'
                },
                items: [{
                    fieldLabel: 'Home',
                    name: 'home',
                    value: '(888) 555-1212'
                }, {
                    fieldLabel: 'Business',
                    name: 'business'
                }, {
                    fieldLabel: 'Mobile',
                    name: 'mobile'
                }, {
                    fieldLabel: 'Fax',
                    name: 'fax'
                }]

            }]
        }).show();

Additional CSS used:

• only default ext-all.css
• custom css (include details)

Operating System:

• Win7

[scottmartin]

Thank your for the report.

Regards,
Scott.

[anton.dimitrov]

Do you have any suggestions for a temporary fix?

[scottmartin]

This has been turned over to engineering.
When it is fixed, it will be available in the Nightly builds to premium users.

I have not had the time to investigate a possible workaround and it would be doubling our efforts if engineering has already started working on this.

Scott.

[anton.dimitrov]

Is there any news about the status of this bug? The latest build (ext-4.1-20120521) has no information about the bug, nor it is listed as 'known issue'.

[scottmartin]

Is is scheduled to be addressed in Ext4.2 at this time.

Regards,
Scott.