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
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