AutoCompleteTextBox dropdown item cover the input textbox

[Yujin Wu]

In IE, the dropdown item cover the input textbox causing that only half of its area are showed. It is a serious problem in the controls.

However the AutoCompleteTextBox can work well in IE compatible mode, but it is not we expected because the page should work well in IE normal mode not in IE compatible mode.

Did anyone else find this problem?

Please find the screen snapshot and source code at below link as I can't upload attachs, looking forward for your helps. Thanks.

attach url:

http://mail.qq.com/cgi-bin/ftnDownload302?sid=dX4vULvVG3ZQQEsY&fid=2%2Fadc631a7-a5f7-489f-a098-58a015cd8e5f&code=4b6e3927&k=65623665087bc1c83f895b6e153900185506555300085300190303030414060f0d041b0403000a1a015a5755020c51530c07030333253276411659265c54425b51165331564146755b1a6931564a4619460344650e

 

Attachment: AutoCompleteTextBox_Test_5e26f2dc.rar

[Ezhil S]

Hi Yujin, 

Thank you for using Syncfusion products.

 We suggest you to remove the border style defined for body element in site.css file, in order to overcome the rendering issue with AutoComplete Dropdown element. Please refer the following code snippet,

 <code>

[Site.css]

body {

    background-color: #fff;

    /*border-top: solid 10px #000;*/

    color: #333;

    font-size: .85em;

    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;

    margin: 0;

    padding: 0;

}

</code>

Please download the sample from the following link:

AutoComplete120538.zip

 

Kindly let us know if you have further queries. 

Regards,

Ezhil S

[Yujin Wu]

Hi Ezhil S,

It resolved my issue, Thanks for your quick response.

 

[Ezhil S]

Hi Yujin Wu,

 

Thanks for the update.

 

Please let us know if you required further assistance on this.

 

Regards,

Ezhil S