RadDropDownList not expanding in Internet Explorer 10 and below

5 posts, 0 answers
  1. Thomas
    Thomas avatar
    3 posts
    Member since:
    Jan 2014

    Posted 09 Jan 2014 Link to this post

    Hi,
     I recently upgraded some controls on an aspx page from <asp:DropDownList> to <telerik:RadDropDownList>. I am running a .NET 4.5 website and am referencing the 2013.3.1114.45 version of the Telerik dlls.

     When I test out the new DropDownLists using Internet Explorer 11 the dropdownlists expand as expected when I navigate to the page from a browser that is not on the computer hosting the website. However, when I use an older version of Internet Explorer (I have used IE10, and IE8) OR when I use Internet Explorer 11 on the computer that is hosting th website, the dropdownlists don't expand. When clicked, they produce a grey line under the dropdown list, but don't actually expand.

    I am binding the dropdown lists in the codebehind as follows:

    ddlDF.Items.Clear()
    ddlDF.DataValueField = "Value"
    ddlDF.DataSource = AppShared.GetDF()
    ddlDF.DataBind()
      
    'The Signature of the GetDF function is
    Shared Function GetDF() As ListItem()


     This seems like it must be a pretty basic problem as I'm sure others have used the DropDownList successfully with the 2013.3.1114.45 version of the Telerik dlls in older browsers and browsers on the host machine.

    I am attaching screenshots of the dropdownlists when they produce the grey line under them instead of expanding.

    Please let me know if you can reproduce this problem or have seen it before

    Thomas

  2. Thomas
    Thomas avatar
    3 posts
    Member since:
    Jan 2014

    Posted 09 Jan 2014 Link to this post

    Here is some more information from my continued testing locally.

    From within Internet Explorer 8, if I open the F12 Developer Toolbar and have Browser Mode: IE8 and Document Mode: Quirks (Page Default) , the dropdownlists do not work.

    However, if I go into IE8 F12 Developer Toolbar and change the Modes to "Browser Mode: IE8 and Document Mode: IE8 Standards" , the dropdownlists DO work in IE 8.

    For Internet Explorer 10, if I have the Modes set to  "Browser Mode: IE10 and Document Mode: Quirks", the DropDownLists DO work. However, for Internet Explorer 10, if I have the Modes set to  "Browser Mode: IE10 Compat View and Document Mode: IE5 Quirks", the DropDownLists DO NOT work.

    Why does the DropDownLIst not work in certein Document Modes? Is there a way to get the dropdownlist to work in all Internet Explorer Browser Modes AND Document Modes?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Richard
    Richard avatar
    3 posts
    Member since:
    Aug 2013

    Posted 10 Feb 2014 Link to this post

    I have the same problem. Very odd behavior. Anyone found a solution?
  5. Thomas
    Thomas avatar
    3 posts
    Member since:
    Jan 2014

    Posted 10 Feb 2014 in reply to Richard Link to this post

    I ended up just finding out that Telerik explicitly says that their controls are not supported in Quirks mode.

    We had to undo our upgrade to the newer telerik version and refrain from using the newer telerik controls like dropdowntree

    We have an ASP.NET webforms application that has the following tag in the .master page

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    When you remove that tag, quirks mode is not enforced and the newer telerik controls work. Unfortunately, our site becomes very unpleasent to look at if we don't have quirks mode turned on.


  6. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 13 Feb 2014 Link to this post

    Hello, Thomas.

    For a page to be in Quirks mode by default it means that the doctype is not set or if it's set it's not a valid one.

    You can check the list of valid doctypes here -- http://www.w3.org/QA/2002/04/valid-dtd-list.html and depending on your project I would suggest XHTML 1.0 transitional or HTML 4.01 transitional. (minor difference really)

    // XHTML 1.0 transitional
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    // Or alternatively HTML 4.01 transitional
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Try setting the doctype to XHTML 1 and test again.

    Regards,
    Ivan Zhekov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017