PDA

View Full Version : [FIXED] 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:



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.