Click here to Skip to main content
15,936,709 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Does anyone have any idea why and how to fix the height difference of autocomplete extender in IE and Edge?

In IE, the extender seems to be displaying well as it is showing all results however in Edge, the extender is cut out because it remains inside the tabpanel.

How can I put the extender above the tabpanel even though the style has position absolute and z-index of 1000

Here's the image comparison

What I have tried:

<pre>.autocomplete_completionListElement {
        overflow: auto;
        max-height: 200px;
        text-align: left;
        list-style-type: none;
        padding: 0px;
        position: absolute;

<asp:TextBox ID="txtPatientSearch" runat="server" Width="200px" Font-Names="Tahoma" Font-Size="12px"/>
<atk:AutoCompleteExtender ID="acePatient" runat="server" TargetControlID="txtPatientSearch" ServiceMethod="GetPatientsByDivision" OnClientItemSelected="ClickSearchButton" ServicePath="~/WS/CPMAutoComplete.asmx" CompletionInterval="500" 
UseContextKey="True" DelimiterCharacters="" Enabled="True" CompletionListCssClass="autocomplete_completionListElement" />
Updated 21-Jan-21 6:57am
bbirajdar 21-Jan-21 11:17am    
Set the property CompletionSetCount="20" or 15
Bob Jason Tiamsic 21-Jan-21 12:56pm    
Not sure how that would make the autocompleteextender be placed above the tabcontainer.
bbirajdar 22-Jan-21 10:42am    
Without specifying the length, the browser is taking the default that takes for the select box.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900