inline icons with combo boxes

[aranape]

when i put an inline icon in the latest 10 version always exist a gap between text icon and the combo button.
The problem exist in the latest mozilla and chrome.

See in the attachment

[aranape]

the problem is when i use a dynamic form with colWidths

numCols: 4,
colWidths: ["200", "100", "*", "*"],

[Isomorphic]

This doesn't happen with just a plain ComboBox with colWidths. It looks like you've added some customizations (like that inline icon) and possibly customized the CSS. Let us know if you can show a way of reproducing this that suggests a framework bug.

Also, you should be using at least 10.1, if not the pre-release of 11.0.

[aranape]

Yes , this is the code , but why this is no allowed?

isc.defineClass("ComboBoxExtItem", isc.ComboBoxItem);
isc.ComboBoxExtItem.addProperties({
addUnknownValues: false,
minimumSearchLength: 3,
searchStringTooShortMessage: 'Ingrese al menos 3 caracteres....',
initWidget: function () {
this.Super("initWidget", arguments);
},
forceRefresh: function () {
console.log('My function called');
},
// Agregamos el icono
icons: [{
src: "[SKIN]/actions/refresh.png",
showOver: false,
hspace: 1,
tabIndex: - 1,
inline: true,
inlineIconAlign: 'right',
width: 12,
height: 12,
click: function (form, item) {
item.forceRefresh();
}
}]
});

Is a minimal change , where is the problem?

And yes im using 10.1 , 11 is a beta

[aranape]

somebody help with the code i send? what is wrong?

[Isomorphic]

Even when your custom FormItem is used with colWidths as you describe, we don't see any problem in SC 10.1p. Can you provide complete repro code?