Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

dropdown positioning problem

11 Answers 247 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
mww
Top achievements
Rank 1
mww asked on 25 Jun 2010, 02:51 PM
I have a RADComboBox thats populated from a database (there are 4 items).  when I select the dropdown, the actual dropdown menu appears at the top of my page and not underneath the combo box.  Can anyone tell me why this should be ?

<telerik:RadComboBox ID="RadComboBoxNarrativeTypes" runat="server"  
                        EnableItemCaching="True" EnableLoadOnDemand="False" 
                        Width="250px" 
                        Skin="Sunset" 
            onselectedindexchanged="RadComboBoxCategories_SelectedIndexChanged" 
            AutoPostBack="True">
                        <CollapseAnimation Duration="200" Type="OutQuint" />
                    </telerik:RadComboBox>    

11 Answers, 1 is accepted

Sort by
0
mww
Top achievements
Rank 1
answered on 25 Jun 2010, 02:53 PM
I should also add that this only seems to happen in firefox (3.6.4)
0
Yana
Telerik team
answered on 29 Jun 2010, 03:14 PM
Hello,

I guess that some styles on your page cause this issue. Can you send us a live url so we to be able to observe the problem?

Greetings,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
mww
Top achievements
Rank 1
answered on 29 Jun 2010, 06:09 PM
sorry Im unable to provide a link to the live site as its in a password protected admin area which would violate my clients security
0
Yana
Telerik team
answered on 30 Jun 2010, 11:05 AM
Hello,

Could you please tell us exactly which version of the controls you are using? Also can you try to isolate the problem in a simple page and paste the code here?

You can also update your Firefox browser to 3.6.6 and check whether the issue persists.


Sincerely yours,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Andy
Top achievements
Rank 1
answered on 09 Jul 2010, 03:43 PM
Had this problem (or a similar problem) myself.

Chances are you have either "position:fixed" or no CSS positioning on your drop-down control.

The control consists of two parts - the part you click on to get the list to drop down and the list that drops down.
The list is created as a separate element elsewhere in the document structure and hidden using CSS.
When the drop-down element is clicked, some JavaScript works out where it is on the screen, positions the list below it and makes it visible.
In order for the JavaScript to work out where the drop-down element is, the element (or one of its parent elements) needs to have either "position:relative" or "position:absolute". If it doesn't have either of these then the script can't work out where it is.
Alternatively, if the element or one of its parents has "position:fixed" then this seems to mess things up as well, and the list will appear in the wrong place if the page has been scrolled.

Hope this helps,

Andy
0
Daniela
Top achievements
Rank 1
answered on 19 Aug 2010, 09:00 PM
can you possibly post the code
0
Jeff Nafe
Top achievements
Rank 1
answered on 08 Oct 2010, 08:07 PM
I am having the same problem. Here is a simplified version of the code that produces it. You will have to fill the RadComboBox in the code behind. This issue occurs in Firefox when the RadComboBox is contained in a div that has position: fixed. When you open the page, open the combobox and it will be fine, then scroll down a little bit and open it again. Keep doing this and you will see that the dropdown portion is usually put above or below the rest of the RadComboBox.

<head runat="server">
    <title>Combo Test</title>
    <link href="styles/OrgComboBox.css" rel="stylesheet" type="text/css" />
 
    <style type="text/css">
        #head {
            position: fixed;
            background: #fff;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
 
        <telerik:RadScriptManager ID="sm1" runat="server" ScriptMode="Auto" EnableScriptCombine="true" EnablePageMethods="true">
        </telerik:RadScriptManager>
     
        <div id="head">
            <div id="divHeader" style="min-width: 1000px; white-space: nowrap;">
                <div id="divHeaderButtons" style="vertical-align:top;" >
                    <telerik:RadComboBox id="cboHdr" runat="server" AutoPostBack="true"
                        AllowCustomText="false" MarkFirstMatch="false" ZIndex="2000" Width="185px" Height="361px" EnableTextSelection="false"
                        OnSelectedIndexChanged="cboHdr_SelectedIndexChanged" ShowToggleImage="true" ExpandAnimation-Type="None"  />
                           
                </div>
            </div>
        </div>
 
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
        Show this every 10 lines<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    </form>
</body>
</html>
0
Simon
Telerik team
answered on 12 Oct 2010, 05:26 PM
Hello Jeff Nafe,

I tested the exact same markup with the latest version of RadComboBox and it worked fine. Please upgrade to the latest version if this is an option for you.

Kind regards,
Simon
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Jeff Nafe
Top achievements
Rank 1
answered on 13 Oct 2010, 02:26 PM
Thanks Simon. I have confirmed that this is fixed in the 2010 Q2 release. We are currently on 2010 Q1 so we will need to consider upgrading.

Thanks!
0
Nicole
Top achievements
Rank 1
answered on 18 Oct 2010, 10:39 AM
Hi,

I facing the same problem which I have the setting below:

#head
{
    overflow-y:scroll;
}

Can anyone help?
0
Simon
Telerik team
answered on 25 Oct 2010, 01:34 PM
Hi Nicole,

How exactly are you reproducing the issue and in which browser did you reproduce it? I tried with Jeff's markup without success in FireFox and IE.

Kind regards,
Simon
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
ComboBox
Asked by
mww
Top achievements
Rank 1
Answers by
mww
Top achievements
Rank 1
Yana
Telerik team
Andy
Top achievements
Rank 1
Daniela
Top achievements
Rank 1
Jeff Nafe
Top achievements
Rank 1
Simon
Telerik team
Nicole
Top achievements
Rank 1
Share this question
or