View Full Version : Tiny Combo

30 Jun 2010, 2:51 AM
Hello, I'm trying to have a tiny Combo, where the Trigger is 4-8 px, while field area around 16.
The Combo is created like this:

width: 20,
triggerConfig: {tag: "img", src: Ext.BLANK_IMAGE_URL, cls: "x-form-minitrigger ", width: 4},

In IE I get correctly the 16px width field and the 4px width trigger.
On Firefox, there seem to be a problem with input text width: I can't get it smaller than 32px width...
I tried modifying the width style of the input (the one the combo create) directly with FireBug.
If the css width of the input is 32px or more, everything is aligned correctly.
If the css width of the input is less than 32px, the input remains 32, the wrap is 40...
What's wrong? How can I make the combo very small?
Maybe a different widget can help?

30 Jun 2010, 4:28 AM
:) Just in case someone need this.
The problem was coming out of the Ext.ux.IconCombo where the css was forcing padding to the input element.
So, FF was trying to contain the padding, at least.

.x-icon-combo-input {
/* padding-left: 25px; */
padding-left: 0px;


.x-icon-combo-item {
background-repeat: no-repeat !important;
background-position: 3px 50% !important;
/* padding-left: 24px;*/
padding-left: 0px;

This solved :)