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>