Ext version tested:
  • Ext 3.2.1


Adapter used:
  • ext


css used:
  • only default ext-all.css




Browser versions tested against:
  • IE8
  • FF3 (firebug 1.3.0.10 installed)


Description:
  • When a TwinTrigger field is hidden or is child of a hidden container, if you hide one of the triggers by using Cmp.triggers[index].hide(), once you show again the field or its container, the field will be shown with no width (and maybe other unwanted behaviors)


Test Case:

Code:
tt = new Ext.form.TwinTriggerField({
 width:  150,
 trigger1Class: 'x-form-clear-trigger',
 trigger2Class:  'x-form-search-trigger'
});
var win = new Ext.Window({
 title:  'window',
 height: 400,
 width: 400,
 items: [ tt  ]
});
win.show();

Steps to reproduce the problem:
  • Type in the console:
  • tt.hide();
  • tt.triggers[0].hide();
  • tt.show();


The result that was expected:
  • The twintrigger field should maintain its width. The regular triggerfield doesn't suffer from this problem, so it looks like a bug.