Rounded corners on FieldSet with hidden fields

**dlouwers** · 17 Nov 2011 7:58 AM

REQUIRED INFORMATION

Ext version tested:

Sencha Touch 2.0 PR2

Browser versions tested against:

Chromium 14.0

DOCTYPE tested against:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Description:

When there are hidden fields below the visible fields, the bottom visible field does not get the correct rounded corners.

Steps to reproduce the problem:

create a fieldset with hidden fields below visible fields

The result that was expected:

the bottom field should have the correct rounded corners

The result that occurs instead:

only the input field and label get rounded corners, but the field itself (with CSS-class 'x-field') does not. The rounded corner is applied to the last field of the fieldset, which is hidden.

Test Case:

Code:

Ext.define('MyForm', {
    extend: 'Ext.form.Panel',
    requires: ['Ext.form.FieldSet', 'Ext.field.Hidden', 'Ext.field.Text'],
    config: {
        items: [{
            xtype: 'fieldset',
            items: [{
                xtype: 'textfield',
                name: 'text1',
                label: 'text1'
            },{
                xtype: 'textfield',
                name: 'text2',
                label: 'text2'
            },{
                xtype: 'hiddenfield',
                name: 'hidden',
                value: 'hidden'
            }]
        }]
    }
});

HELPFUL INFORMATION

Debugging already done:

the rounded corner gets applied to .x-field:last-child which should exclude the hidden fields

Possible fix:

not provided

Additional CSS used:

only default sencha-touch.css

Operating System:

Ubuntu 10.10

**Jamie Avins** · 17 Nov 2011 9:17 AM

Thank you for the report.

Rounded corners on FieldSet with hidden fields

Thread Tools

Search Thread

Display

Rounded corners on FieldSet with hidden fields

Rounded corners on FieldSet with hidden fields

Tags for this Thread