Quote Originally Posted by ivanleblanc View Post
Whether the second image is there or not is determined by the minChars config setting.
If you dont have a minChars then the Search icon appears and it looks fine.
If you do have a minChars set then the second icon should disappear.
Heres that code copied from Searching.js
Code:
// add input field (TwinTriggerField in fact)
this.field = Ext.create('Ext.form.TwinTriggerField', {
    width: this.width,
    qtip: 'ddd',
    selectOnFocus: undefined === this.selectOnFocus ? true : this.selectOnFocus,
    trigger1Cls: 'x-form-clear-trigger',
    trigger2Cls: this.minChars ? 'x-hidden' : 'x-form-search-trigger',
    onTrigger1Click: Ext.bind(this.onTriggerClear, this),
    onTrigger2Click: this.minChars ? Ext.emptyFn : Ext.bind(this.onTriggerSearch, this),
    minLength: this.minLength
});
When inspecting the empty image in the browser you can see that 'x-hidden' is applied to hide the image but the TD is still there. I'm thinking this must be a Ext version issue. They must have changed the layout of the Triggers on this TriggerField. If I come up with a solution I'll post it.
Unfortunately I rarely use this grid feature with a minChars set, so never really noticed it was doing that.
I found the following will work to solve this issue with minChars:

Code:
 
// add input field (TwinTriggerField in fact)
this.field = Ext.create('Ext.form.field.Trigger', {
  cls: "grid-search",
    width: this.width,
    qtip: 'ddd',
    selectOnFocus: undefined === this.selectOnFocus ? true : this.selectOnFocus,
    triggerCls:'x-form-clear-trigger',
    onTriggerClick: Ext.bind(this.onTriggerClear, this),
    minLength:this.minLength
});        

if (!this.minChars) {
    Ext.apply(this.field,    {
        trigger2Cls:'x-form-search-trigger',
        onTrigger2Click: Ext.bind(this.onTriggerSearch, this),
    });
}