I'm having an issue with the way that the list item container is displaying after you've scrolled the page. I've seen a couple posts about this issue and the result was to make sure EnableDropDownAsChild was set to false (I believe), but I have this issue regardless of whether it's true or false. I have to keep it false however, otherwise the dropdown list will just expand whatever control its inside (like a WebTab), instead of opening over the parent control.
I created a brand new website from scratch, added a webtab and two webdropdowns, one inside the webtab, one outside.
As you can see from the attached image, there is no problem with either if you haven't scrolled the page down but the second you do and try the dropdown, its container displays wrong. This was taken from IE9 but I've also tried this site in other browsers. Here's the breakdown:
IE9 After ScrollingInside Tab - Doesn't WorkOutside Tab - Works
Chrome After ScrollingInside Tab - Doesn't WorkOutside Tab - Doesn't Work
Firefox After ScrollingInside Tab - WorksOutside Tab - Works
I believe this same behavior happens in other controls other than the WebTab (such as the WebDialogWindow) but I didn't test that thoroughly.
Here is the body markup for the site.
<body>
<form id="form1" runat="server"> <ig:WebScriptManager ID="WebScriptManager1" runat="server"> </ig:WebScriptManager> <div style="height: 1000px; margin-top: 250px;"> <ig:WebTab ID="WebTab1" runat="server" Width="300px" Height="200px"> <Tabs> <ig:ContentTabItem runat="server" Text="Tab 1"> <Template> <ig:WebDropDown ID="WebDropDown1" EnableDropDownAsChild="false" runat="server" Width="200px" EnableAnimations="False"> </ig:WebDropDown> </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Tab 2"> </ig:ContentTabItem> </Tabs> </ig:WebTab> <br /> <br /> <br /> <br /> <ig:WebDropDown ID="WebDropDown2" EnableDropDownAsChild="false" runat="server" Width="200px" EnableAnimations="False"> </ig:WebDropDown> </div> </form></body></html>
Please advise on what to do to fix this. Is it a bug? Is there something wrong in my code? Please help.
Thank you.
Hello Ian,Please take a look at the attached from me sample which uses Northwind database. Sample was tested with IE9 and Chrome. I could not reproduce the behavior with the Item container of the dropdown falling outside the WebTab. Please take a look at the sample and point if you are using some different build of our controls. If necessary please modify the sample or create a new one which reproduces the behavior you are facing.
I downloaded your example and loaded it up. First thing I noticed was that you were using .net4 and a newer version of the controls, .2055 (I was using .net35 and .2025). I downloaded the newest controls and while it was installing, I read the PDF included discussing the changes. One caught my eye that said for the dropdown "dropdown editor provider value list displays in an offset location on the page". It also said the "verified in version" was 11.1 so I wasn't sure if that means it has already been fixed for 11.2.
Either way, I was excited because I was thinking the new 2055 version would fix my issue. It didn't. It's the exact same issue (using either your .net4 sample you gave me or my original .net35 version).
This still happens in IE9 and Chrome but just like before, it works fine in firefox. You can see the attached screenshot showing your example, using .NET4 11.2 with the .2055 version controls and the version of IE9 I'm using.
Any recommendations?