AutoCompleteExtender列表焦点项目超出了查看范围

Question

我的网络应用程序中有一个autocompleteextender。当用户使用键盘的向上和向下箭头浏览列表项时，有时焦点的项目将在滚动视图范围之外。如果＆＃34;大多数＆＃34;如何设置列表框以自动滚动？在当前滚动视图中看不到该项？

这是我在控件上应用的CSS：

<style type="text/css">
                   /*AutoComplete flyout */
                .completionList {
                border:solid 1px #444444;
                margin:0px;
                padding:0px;
                height: 143px;
                overflow:auto;
                background-color: #FFFFFF;
                }

                .listItem {
                display: block;
                padding: 5px 5px;
                border-bottom: 1px solid #DDD;  
                font-size:small;
                font-style:normal;
                font-weight:400;
                }

                .itemHighlighted {
                background-color: lightgray;
                display: block;
                padding: 5px 5px;
                font-size:small;
                border-bottom: 1px solid #DDD;
                }
           </style>

这是控件：

<ajaxToolkit:AutoCompleteExtender ID="ACSource" runat="server" TargetControlID="txtSource_Type" ServiceMethod="AutoCompleteSourceType" CompletionListCssClass="completionList" 
CompletionListHighlightedItemCssClass="itemHighlighted" CompletionListItemCssClass="listItem" MinimumPrefixLength="1" 
OnClientItemSelected="SourceTypeSelected" ></ajaxToolkit:AutoCompleteExtender>