[Solved] Left padding of the Combo Box Text is missing on IE7

[Yan]

Hi,

I am using version 2010.3.1110.235 and have a combo box on the view. I have noticed that the left padding of the combo box text part is missing when the view is showing on IE7.

I have checked that on IE8, Firefox and Chrome, there is a left padding of 3px on the Combo Box Text by default. But once it is showing on IE7, this left padding is gone.

I have tried to add the padding through the .HtmlAttributes() method but it does not add to the text part.

Please notice that for testing, I have not put any styles on the combo box and from the attached image, the left one is showing the view on IE8 and the right one is showing the view on IE7.

Would you please tell me how can I fix this?

[Dimo]

Hi Yan,

The observed discrepancy (removed textbox padding) is intentional, as IE7 behaves differently in the discussed scenario, which seems incorrect and causes other issues.

You can use the following workaround, which we will consider adding out-of-the-box in future versions, if tests prove it to be good and universally applicable:

CSS

*+html .t-combobox{overflow:visible}

*+html .t-combobox .t-dropdown-wrap
{
    padding-right: 22px; /* icon width + input paddings */
}

*+html div.t-combobox .t-input { padding: 1px 3px; }

Regards,
Dimo
the Telerik team

[Yan]

Thanks Dimo!!