dropdown positioning problem

12 posts, 0 answers
  1. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 25 Jun 2010 Link to this post

    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>    
  2. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 25 Jun 2010 Link to this post

    I should also add that this only seems to happen in firefox (3.6.4)
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 29 Jun 2010 Link to this post

    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
  5. mww
    mww avatar
    257 posts
    Member since:
    Sep 2012

    Posted 29 Jun 2010 Link to this post

    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
  6. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 30 Jun 2010 Link to this post

    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
  7. Andy
    Andy avatar
    1 posts
    Member since:
    Jul 2010

    Posted 09 Jul 2010 Link to this post

    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
  8. Daniela
    Daniela avatar
    12 posts
    Member since:
    Aug 2010

    Posted 19 Aug 2010 Link to this post

    can you possibly post the code
  9. Jeff Nafe
    Jeff Nafe avatar
    46 posts
    Member since:
    Sep 2007

    Posted 08 Oct 2010 Link to this post

    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>
  10. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 12 Oct 2010 Link to this post

    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
  11. Jeff Nafe
    Jeff Nafe avatar
    46 posts
    Member since:
    Sep 2007

    Posted 13 Oct 2010 Link to this post

    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!
  12. Nicole
    Nicole avatar
    4 posts
    Member since:
    Aug 2010

    Posted 18 Oct 2010 Link to this post

    Hi,

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

    #head
    {
        overflow-y:scroll;
    }

    Can anyone help?
  13. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 25 Oct 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017