horizontal scrollbar and dropdown height

[Jason Denney]

I'm using a RadComboBox with LoadOnDemand and an Item Template.  The Template has a table with a width of 600 and I have set the DropDownWidth to 400 due to space available for the dropdown.  However when the items load the dropdown hieght doesn't show the entire height of a templated item when the horizontal scrollbar is visible, also I am also using a header and footer template.  Is this a known problem that the dropdown height doesn't account for the scrollbar height?  And do you have a fix or a timeframe to expect this to be fixed?

[Simon]

Hi Jason Denney,

If I have understood you correctly when a horizontal scrollbar is shown in the drop down the Items' Template is not fully visible.

I tried setting a long text to the Items of the first RadComboBox in this live demo in order to reproduce this without success. Here is how the drop down looked on my side.

Can you please elaborate more on the issue and/or provide me with some sample code which I can use to reproduce the issue on my side?

Kind regards,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Jason Denney]

Sorry for the delay in getting back to this question.  But here is a screenshot of what I am seeing.

So you can see that the item in the list is wider than the dropdown width causing the horizontal scrollbar, this then makes the vertical scroll bar show up.

[Simon]

Hello Jason Denney,

Thank you for clarifying.

It seems as if the table in the Template takes more space than it is available in the drop down. Please try reducing the table's width to avoid the issue.

Best wishes,
Simon
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Jason Denney]

I understand that reducing the width of the contents within the dropdown popup will solve the problem.  I guess what I was looking for was to know if this was known and if it would be considered an issue that is in the works of solving.  Our use of the drop down like that is to provide our users with search functionality that doesn't require a modal window or a separate page.  So in some cases we have a need for additional information that isn't always needed so if it goes out of the drop down view it is ok that they will only be using that a fraction of the time.  But when they do need the information being able to access that data without navigating again is also very valuable.  So is there any suggestion to get around the scrollbar covering the content of the template?

[Chris T.]

I'm seeing the same thing with a non-templated ComboBox... see attached image.

It appears to me that whatever determines the drop down height is not taking the height of the horizontal scrollbar into account.

Further, I've tried setting Height="300px", and the drop down stubbornly ignores it.

Skin file:

<telerik:RadComboBox runat="server" Skin="Office2007" EnableEmbeddedSkins="true" AppendDataBoundItems="false"    MarkFirstMatch="true" DropDownWidth="300px" NoWrap="true" MaxHeight="250px" >

<CollapseAnimation Duration="200" Type="OutQuint" />

</telerik:RadComboBox>

Control declaration:

<telerik:RadComboBox ID="fldOffense" runat="server" DataSource='<%# binding goes here %>' DataTextField="Description"    DataValueField="ID" SelectedValue='<%# selected value goes here%>' Width="350px" Height="250px" />

Any suggestions?

-Chris

[Kalina]

Hello,

We started researching this issue and will reply as soon as possible.


Kind regards,
Kalina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Kalina]

Hi,

Thank you for reporting this issue. As it can be defined as bug, you may find your Telerik points updated.

The bug is logged for fixing and in the meanwhile you can use a workaround - measure the text with of RadComboBoxItems and if there is an item which width is bigger than the width of RadComboBox dropdown, increase the height of the dropdown with 20 px to accommodate for the horizontal scrollbar.

I made a sample page to illustrate this approach.

Naturally you won't need this workaround after we fix this issue.

Kind regards,
Kalina
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.