View Full Version : [FIXED] Rounded corners on FieldSet with hidden fields

17 Nov 2011, 7:58 AM

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


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'


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.