PDA

View Full Version : [CLOSED] FocusManager doesn’t work with textfield in initialized collapsed FieldSet



MvMats
10 Apr 2013, 7:30 AM
Ext version tested:

Ext 4.2.0.663
Browser versions tested against:

IE9
Chrome 26.0.1410 Windows
Description:

FocusManager doesn’t work with initial collapsed FieldSet
Steps to reproduce the problem:

Expand fieldset "Not working".
Try to edit one of the textfields
FocusManager prevents textfield focus
Test Case:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<title>FieldContainer Example</title>


<!-- ExtJS -->
<script type="text/javascript" src="../../examples/shared/include-ext.js"></script>
<script type="text/javascript" src="../../examples/shared/options-toolbar.js"></script>


<!-- Shared -->
<link rel="stylesheet" type="text/css" href="../shared/example.css" />


<!-- GC -->
<!-- Example -->
<script type="text/javascript">


Ext.onReady(function () {


Ext.FocusManager.enable(true);


var form = Ext.create('Ext.form.Panel', {
renderTo: 'docbody',
title: 'FieldContainers',
autoHeight: true,
width: 600,
bodyPadding: 10,
defaults: {
anchor: '100%',
labelWidth: 100
},
items: [
{ xtype: 'textfield', fieldLabel: 'Phone 1' },
{ xtype: 'textfield', fieldLabel: 'Phone 2' },
{
xtype: 'fieldset',
title: 'Working',
collapsible: true,
collapsed: false,
items: [
{ xtype: 'textfield', fieldLabel: 'Phone 1' },
{ xtype: 'textfield', fieldLabel: 'Phone 2' }
]
},
{
xtype: 'fieldset',
title: 'Not working',
collapsible: true,
collapsed: true,
items: [
{ xtype: 'textfield', fieldLabel: 'Phone 1' },
{ xtype: 'textfield', fieldLabel: 'Phone 2' }
]
}
]
});




});
</script>
</head>
<body id="docbody">
</body>
</html>

slemmon
10 Apr 2013, 7:54 AM
Thanks for the report! I have opened a bug in our bug tracker.