AutoCompleteExtender in Safari create new line after TextBox

AutoCompleteExtender in Safari create new line after TextBox, The first line work correctly, second line create new line after textbox.

Safari_AutoCompleteExtender_CarriageLine_Bug

<asp:TextBox ID="txtSearchById" runat="server" autocomplete="off"  ></asp:TextBox>

<asp:Button ID="btnSearchById" runat="server"  Text="Search"  OnClick="btnSearchById_Click" />

<ajaxToolkit:AutoCompleteExtender runat="server" ID="DistrictID_autoComplete" TargetControlID="txtSearchByID"
                ServicePath="DAutoComplete.asmx" ServiceMethod="GetIDCompletionList"
                MinimumPrefixLength="2" CompletionInterval="500" CompletionSetCount="20"    >
</ajaxToolkit:AutoCompleteExtender>

 

Solution(Use TABLE to layout, do not put anything after TextBox – even &nbsp;)

<table>
        <tr>
         <td>
                  Search by<asp:TextBox ID="txtSearchById" runat="server" autocomplete="off" ></asp:TextBox>

        </td>
        <td>
             <asp:Button ID="btnSearchById" runat="server"  Text="Search"  Height="23px"  OnClick="btnSearchById_Click" />
         </td>
      </tr>
</table>

<ajaxToolkit:AutoCompleteExtender runat="server" ID="DistrictID_autoComplete" TargetControlID="txtSearchByID"
            ServicePath="DAutoComplete.asmx" ServiceMethod="GetIDCompletionList"
            MinimumPrefixLength="2" CompletionInterval="500" CompletionSetCount="20"    >
</ajaxToolkit:AutoCompleteExtender>

你可能感兴趣的:(autocomplete)