Hello:
I'm having a problem with the Ajax-Autocomplete extender in Chrome. I have seen this question in other threads but the proposed solutions have not worked for me. I hope you can find what is it that I'm doing wrong.
In Internet Explorer 7, 8, 9 this autocomplete is working just as I need: the position of the items-list is just as I want. However, In Chrome the position of the autocomplete list is completely wrong, as you can see in this image:
It looks like the autocomplete extender is not taking into account the scrolling position in Chrome, since the list is showing up in the top of the screen.
The most important of the css-class I'm using for this autocomplete is as follows:
.autocompStep1
{
border-width: 1px;
border-style: solid;
text-align: left;
padding: 0;
margin: 0;
list-style-type: none;
position: absolute; /*this and the next 3 lines I added following advices I found in other forums*/
float: left;
z-index: 9999;
/*...other properties like: font-size...*/
}
One more thing: I'm quite sure this has nothing to do with this problem, but anyway: I'm adding this autocomplete programmatically in the Page_Load event, using a piece of code that is something like this:
txtAutoCompExtender.ID = "autoComp-Id"
txtAutoCompExtender.TargetControlID = "txtABC"
txtAutoCompExtender.CompletionListCssClass = "autocompStep1"
'... the other properties of the autocomplete are set here...
Any suggestions will be much appreciated,
Diego
http://www.rentec.com.co/images/autocompList_Chrome.jpg