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 IanI confiurm that I am able to reproduce the issue in the link you have provided via Chrome. I created a sample on my own based on what I inspected in the browser that your code is. I tested the sample with last two service releases 11.2.20112.2055 and 11.2.20112.2086 and could not reproduce the issue with mine sample. I am attaching the sample. Can you please modify it or probably attach an archive containing aspx, cs and web.config files of the sample with which the issue is reproduced.
Oh, and we were able to get the issue using a Blackberry as well.
I'm still having the issue. And although Leanne is using DotNetNuke, it looks like they're having the same issue as well. I would have to lean more on the bug side now that others are saying they are having the same issue.
I've created a site on a server that hopefully you can replicate the issue on.
I've gone to this site on a variety of machines, OS's, browsers, versions, etc.
Windows 7 64bit:
IE 9 with compatibility mode turned on DOES experience the problem
IE 9 with compatibility mode turned off DOESN'T experience the problem
Chrome version 18.0.1025.151 DOES experience the problem (even the dropdown outside of the webtab has the issue)
Firefox version 7.0.1 DOESN'T experience the problem
Windows XP 32bit:
IE7 DOES experience the problem
iPad3 and iPhone 4s (all updated to current versions):
Safari DOES experience the problem (including the dropdown outsite the webtab)
Apple newest core i5 64bit MacBook Pro running Lion OSX also experiences the issue same as the Windows versions and browsers.
I REALLY hope you can replicated the issue as I can replicate it across so many different environments.
You can find the site at http://50.30.32.11:8886
Let me know if you have any more questions.
Hello LeanneRPlease take a look at our supported environments page - http://es.infragistics.com/support/supported-environments.aspx#SupportedEnvironments DotNetNuke is not among the supported of our products environments and the controls are not tested of how they are working under this environment. Are you able to reproduce the issue with the previously attached sample in the thread?
I am having the same problem. I've created a custom module in DotNetNuke with using the webdropdown inside of a webtab. I have two seperate webdropdown types. One works the other doesn't. The first is Job type which is bound directly in the code behind using an array list as the data source.
The other one I created a User Control Called Get States and put the webdropdown in the user control and bound the same as the Job type in the code behind. The reason why I created the user control is because I need the states drop down in multiple spots and on different tabs in the application. This one is the one that doesn't drop down under the box. It opens up towards the top of the webtab like Ian.
If I turn on compatibility it works fine. Also works fine in firefox.
Right now I am running this on my local machine using IIS 7. Since this is inside of a DotNetNuke module, I have to use .net3.5.
Let me know if you would like further information from me.
Thanks,
Leanne