View Full Version : [CLOSED] IE8: TriggerField shows icon on left side

11 Jun 2010, 5:01 AM

I use this class:


Ext.ux.form.SearchField = function(cfg) {

Ext.apply (cfg, {

listeners: {

keyup: function(f, e) {

triggerClass: 'x-form-search-trigger',
validationEvent: false,
validateOnBlur: false,
enableKeyEvents: true,
width: 268,
hasSearch: false

Ext.ux.form.SearchField.superclass.constructor.call(this, cfg);

Ext.extend(Ext.ux.form.SearchField, Ext.form.TriggerField, {

onTriggerClick: function(facet)
var v = this.getRawValue();

var params = {};

params.facet = facet;
params.facetPrefix = v;
params.startAt = 0;
params.limit = 10;
params.json = true;
params.indexID = indexID;

this.store.load({params: params});
this.hasSearch = true;

The icon is shown at the left side instead of right side (only IE). I need to use the 3.1.1 version so it would be very helpful if someone could give me a workaround. Any help is appreciated.

Many thanks!

Schreenshot is attached

11 Jun 2010, 5:22 AM
The problem isn't the TriggerField, but the fact that you render it to an element with display:none.

Try configuring the TriggerField Container with hideMode:'offsets'.