View Full Version : [OPEN-1227] CheckboxGroup/RadioGroup disappear in IE6, break in IE7/IE8

23 Aug 2010, 12:11 AM
Ext version tested:

Ext 3.1.0

Adapter used:


css used:

only default ext-all.css

Browser versions tested against:

IE7/IE8 (break)

Operating System:

WinXP Pro


If using CheckboxGroup/RadioGroup in container with fixed size,
when click the label of xxxGroup, the content will disappear in IE6, break line in IE7/IE8.

Test Case:

var viewport = new Ext.Viewport({
layout : "form",
items : [
xtype : "checkboxgroup",
fieldLabel : "click me",
items : [
xtype : "checkbox",
boxLabel : "option 1"
xtype : "checkbox",
boxLabel : "option 2"
Steps to reproduce the problem:

Run the code above in Extjs with IE6/7/8
Click the label of CheckboxGrup/RadioGroup

The result that was expected:

Nothing happen

The result that occurs instead:

Group content disappear in IE6, break line in IE7.

Screenshot or Video:


Debugging already done:

In IE, the div accept focus/blur event, when click the label, because the "for" attribute,
it will focus the div, and add a css class: x-form-focus (focusClass)?

Possible fix:

As same as Checkbox, set the focusClass property to undefined when extending.

Jamie Avins
23 Aug 2010, 8:41 AM
Thank you for the report.