Autocomplete not working in IE7 in individual table cell.
Reported by Jason Pickard | August 5th, 2008 @ 09:49 PM
I have spent the better part of two days looking at this, and can't seem to get it to work properly.
I have a cakePHP 1.2 site that has a form that uses autocomplete for one text field, I am using the ajax helper to generate the code.
<?php echo $ajax->autoComplete('MessagesUser.users', '/messages/ajax_user_autocomplete/'.'?data[Token]='.$this->requestAction('/users/generateFormKey/key'.getRequestSecurityKey()), array('minChars'=>1, 'frequency'=>0.1, 'tokens'=>','));?>
the style tags for the list are as follows.
div.auto_complete
{
display:block;
font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
color:black;
text-align:left;
}
div.auto_complete ul li
{
display:block;
width: 100%;
margin: 0;
padding: 3px;
border: 1px solid #eee;
list-style-type: none;
background-color: #FFFFC6
}
div.auto_complete li.selected
{
color:#FFF;
background-color: #A2CD5A;
}
a sample list of information returned is this:
- bob1
- bob2
- bubba
Now in FF2,FF3, and safari for windows the list comes up just fine. In IE it will get the ul list just fine, but when it attempts to display the information to the screen it just doesn't work, it appears that maybe the div or iframe that is created is still set to hidden when it comes time to display. I have tried everything I can think of to get this to work properly.
Comments and changes to this ticket
-
Jason Pickard August 6th, 2008 @ 02:27 PM
- → Title changed from “Autocomplete just not working in IE 7.” to “Autocomplete not working in IE7 in individual table cell.”
Further clarification, after some more hair pulling.
I had the ajax->Autocomplete call in it's own table cell.
i.e.
<?php echo $ajax->autoComplete('MessagesUser.users', '/messages/ajax_user_autocomplete/'.'?data[Token]='.$this->requestAction('/users/generateFormKey/key'.getRequestSecurityKey()), array('minChars'=>1, 'frequency'=>0.1, 'tokens'=>','));?>
IE's poor table handling attempted to re-size, and re-handle the re-sized table cell and failed miserably.
If I put the entire form in a td declaration and not have the form split up within another sub-table this works just fine.
Please Login or create a free account to add a new comment.
You can update this ticket by sending an email to from your email client. (help)
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile »
script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
Source available from github
The Git repository resides at:
http://github.com/madrobby/scriptaculous
Check out the current development trunk with:
git clone git://github.com/madrobby/scriptaculous.git
As script.aculo.us 1.xx is feature-frozen, this development trunk is for bugfixes only.
New development should happen only for
script.aculo.us 2.
Creating a bug report
When creating a bug report, be sure to include as much relevant information as possible. Post a an example that shows off the problem. Preferably, alter the unit tests and show through either changed or added tests how the expected behavior is not occuring.
Thomas Fuchs