Scrollbars underneath Radiobutton after upgrade from 3.1 to 3.2

[Achim74]

Hi !

after a upgrade from 3.1. to 3.2. scrollbars appeared underneath my radiobuttons although there is no need to scroll. It happens in a normal formpanel.


var ModulForm = new Ext.form.FormPanel({
baseCls: 'x-plain',
labelWidth: 175,
url: './modul/save',
defaultType: 'textfield',
reader: new Ext.data.JsonReader({
root: 'data',
successProperty: 'success'
}, ModulRecord),
items: [{
name: 'id',
xtype: 'hidden'
},
{
name: 'titel',
xtype: 'textfield',
fieldLabel: 'Bezeichnung',
width: '300',
allowBlank: false,
qtip: 'TESTSTSTSTSTS',
hidden: false
},
{
name: 'ueberschrift',
xtype: 'textfield',
fieldLabel: 'Ueberschrift',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'modulname',
xtype: 'textfield',
fieldLabel: 'Modulname',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'dateiname',
xtype: 'textfield',
fieldLabel: 'Dateiname',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'template',
xtype: 'textfield',
fieldLabel: 'Template',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'beschreibung',
xtype: 'textarea',
fieldLabel: 'Beschreibung',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'parameter',
xtype: 'textarea',
fieldLabel: 'Standardparameter',
width: '300',
allowBlank: true,
hidden: false
},
{
name: 'aktiv',
xtype: 'radiogroup',
style: {overflow: 'visible'},
autoWidth: true,
fieldLabel: 'Aktiv',
allowBlank: false,
columns: 2,
items: [
{boxLabel: 'Ja', name: 'aktiv', inputValue: 1}
, {boxLabel: 'Nein', name: 'aktiv', inputValue: 0}
]
}]
});


I played around with custom CSS but it did not help :( Does anyone have a hint ?

Thank you !

[[email protected]]

Please post properly formatted code using CODE tags next time.

What browser does this occur in? Do you have any Custom CSS?

[realjax]

Did you ever fix this ?
I have the same issue (still in 3.2.1) and can't find what's the cause of this. Have no custom CSS.
Have display issues with radiogroups in IE as well..

[Achim74]

Please excuse me I missed the last replys due to a longer vacation. Unfortunately I was not able to fix this issue.

To answer your questions. It occurs in all browsers. I have no custom css but I am using some ux plugins.



<!-- Extjs CSS and Libs -->
<link rel="stylesheet" type="text/css" href="/public/scripts/ext-3.2.1/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="/public/scripts/ext-3.2.1/ux/gridfilters/css/GridFilters.css" />
<link rel="stylesheet" type="text/css" href="/public/scripts/ext-3.2.1/ux/gridfilters/css/RangeMenu.css" />
<link rel="stylesheet" type="text/css" href="/public/scripts/ext-3.2.1/ux/css/MultiSelect.css" />
<link rel="stylesheet" type="text/css" href="/public/scripts/ext-3.2.1/ux/css/GroupSummary.css" />


ps: sorry for the code tag

[Animal]

Debug the DOM, and see from where the overflow:auto style is being applied.