Hello,
When the webdropdown has a scroll bar and I highlight over the visible items the scroll bar moves from bottom to top each time a new item is highlighted. I am also unable use the middle part of the scroll bar control to move up and down the list. The middle part will not move if clicked on. I have to click in the scroll bar area to move.
Are there any fixes for this behavior or changes that I can make to make this behavior go away?
Thanks,
Mike
Hi Mike,
Could you post some code that demonstrates the issue you are facing? By highlighting, you mean hovering over an item with the mouse, or do you use keyboard navigation ? Have you applied any custom CSS classes?
Thanks for your feedback,
Angel
Hi Guys - I have the exact same problem - found it in 2009.1 and still there in 2009.2 - but ONLY with the IE 8 browser (IE7 / Firefox are fine).
I have created a simple page that demonstrates this on my system (windows 2003 server), external PC client running IE8.
I have tried a couple of different 'Themes' but that had no effect.
No code behind required for this sample: just run it, click the drop down then move the mouse up and down the list (don't click it) - and the scroll 'thumb' (or whatever you call it) on the right seems to jump around. Also - if you try and click and drag the 'thumb' on the scroolbar it doesn't work as expected.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ztest.aspx.vb" Inherits="Timesheets_ztest" %><%@ Register Assembly="Infragistics35.Web.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.ListControls" TagPrefix="ig" %><%@ Register TagPrefix="igtbl" Namespace="Infragistics.WebUI.UltraWebGrid" Assembly="Infragistics35.WebUI.UltraWebGrid.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %><%@ Register TagPrefix="igui" Namespace="Infragistics.WebUI" Assembly="Infragistics35.WebUI.WebResizingExtender.v9.2, Version=9.2.20092.1003, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" %><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <ig:WebDropDown ID="WebDropDown1" runat="server" Width="200px"> <Items> <ig:DropDownItem Selected="False" Text="111" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="222" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="3333" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="4444" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="5555" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="66666" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="77777" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="8888" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="99999" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="10 10 10 10" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="11 11 11 11" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="12 12 12 12" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="13 13 13 13" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="14 14 14 14" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="15 15 15 15" Value=""> </ig:DropDownItem> <ig:DropDownItem Selected="False" Text="16 16 16 16" Value=""> </ig:DropDownItem> </Items> </ig:WebDropDown> </div> </form></body></html>
Hi guys,
I suppose this happens because your projects are ran in "localhost" mode, therefore IE8 automatically always uses "Compatibility View" (which is different from the "real" IE8 and IE7) . You can find more details here:
http://blogs.msdn.com/ie/archive/2008/08/27/introducing-compatibility-view.aspx
http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx
We are aware of this issue, and it is only reproduced in that scenario described above. If you choose Developer Tools => Browser Mode = > IE8 or Browser Mode => IE7, everything seems to be working fine.
Hope this helps,
you are right in that it seems to be IE compatibility mode - however switching to 'proper' IE8 mode introduces a problem with the UltraWebGrid columns going out of alignment...but I'll post that in a new thread!