This is a migrated thread and some comments may be shown as answers.

[Solved] Unnecessary scrollbars on first click

6 Answers 158 Views

ComboBox

This is a migrated thread and some comments may be shown as answers.

Karim asked on 01 Apr 2009, 10:19 PM

I have a combo box on the page that contains, say, 3 items. The combo box's dropdown has no height set on it. If I click the down arrow on the box, the dropdown shows up and I can see all 3 items.

However, if I click within the combo box (like on the text itself) and this is the first click on that combo box after a page refresh, the dropdown shows up with scrollbars. (Additionally, the horizontal scrollbar actually hides the last item, making it seem on first glance that the dropdown only contains 2 items.) After that first click, no matter what I click, the dropdown shows up fine without scrollbars.

The issue is only on that first click of a page refresh when I click on the text in the combo box. Is there a way to avoid those scrollbars (without having to explicitly set the height of the dropdown)?

6 Answers, 1 is accepted

answered on 14 Apr 2009, 08:40 PM

Okay, figured out the issue. I'm using the Office2007 skin. What I don't like about this skin is that it leaves too much space in between entries, which causes the dropdown lists to be unnecessarily long. What I did to override this behavior is that in my css, I've added the following style:

div.RadComboBoxDropDown_Office2007 li.rcbItem, div.RadComboBoxDropDown_Office2007 li.rcbHovered
{
padding-top : 0px;
padding-bottom : 0px;
}

Removing this style fixes the scrollbars issue. Is there another way to reduce/remove the padding between the entries? Or is there a way to keep this style while having the scrollbars issue fixed?

Thanks.