Ajax autocomplete extender height is shorter in edge compared to IE

See more:

ASP.NET

Ajax

auto-complete

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;
        z-index:9999;
    }

<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" />