PDA

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



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


Ext 3.1.0



Adapter used:


ext



css used:


only default ext-all.css





Browser versions tested against:


IE6
IE7/IE8 (break)



Operating System:


________
WinXP Pro



Description:


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:



Ext.onReady(function(){
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:


attached



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.