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?
Hello Ian,I am not available to reproduce the issue from your printscreen. When I open the WDD its container is right under the WDD where it should be. I have tested the behavior on my dev machine which is with Win 7 64 bit latest updates. Please provide some basic information about what is your environment.
Ok, after some more digging this morning and trying on another dev's machine (where it worked perfectly), I figured out that the cause of the problem is when using IE9 in Compatibility Mode. Could you test it again making sure yours compatibilty mode is turned on.
If you can duplicate the issue, is this something that you guys can work on on your end or do I just have to live with it for now?
Hello Ian,I have tested the sample via IE 9 in compatibility, none compatibility, IE8 and IE 7 mode with latest and the 11.2.20112.2055 build. I could not reproduce the issue you have attached in all of my tests. I am with Windows 7 64bit and all the updates installed and iis 7.5. Please let me know under what environment you are testing the sample.
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
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?