Ext version tested:

  • Ext 3.2.1

Adapter used:

  • ext

css used:

  • only default ext-all.css

Browser versions tested against:

  • IE8
  • FF3 (firebug installed)


  • 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:

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  ]

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.