Hello,
I am working with the igcombo box and there is a ~3px margin that is applied to the bottom of the field and buttons that we are trying to remove for consistency with out other fields. I noticed in the ig.ui.js file that on field hover the class 'ui-igcombo-field-hover', is supposed to be being applied when a hover event occurs. However after searching through all of the files I cannot find this style anywhere. We are using the combobox with the jQuery redmond theme.
Thanks,Joshua
Attached Screenshot shows a regular field on the left side and then the igcombo box on the right. Notice on the bottom of the igcombo field size difference.
Hi Joshua,
Thank you for report.
Processing 'ui-igcombo-field-hover' class defined by igCombo.css.fieldHover, was accidentally removed while refactoring layout of igCombo. That was fixed and update will be available within service releases.
Besides that it is not clear to me what you try to achive with buttons. If you will hide buttons by showDropDownButton:false and enableClearButton:false, then appearance of igCombo probably will not match with other INPUTs, because its INPUT is wrapped in SPANs, INPUT does not have borders (borders come from SPAN), etc.
Thanks for the Reply Viktor!
We did find the issue this afternoon while setting up an example to send you. It seems that if the box-sizing is set to "border-box" it causes the on hover to add those 2 pixels. In our case we had this style set at the beginning of our style sheet :
*{ padding: 0px; margin: 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
which was causing the issue.