Hi All,
I am having a problem with auto complete, something to do with the CSS i
think.
<%= text_field_with_auto_complete ‘company’,‘name’, {}, :skip_style =>
true, :indicator => ‘status-indicator’,:after_update_element =>
“function(element,value){ $(‘experience_details’).show();
$(‘company_id’).value = value.id}” %>
When you get a list of companies, if I move my up and down arrow to
shift through the options, the page itself moves up and down (literally
shakes!)
Here is the partial to show the list:
-
<% for company in @companies -%>
- >
<%=h "#{company.name}" %><%=h "#{company.org_type}" %>
<% end -%>
Here is the CSS (which is pretty standard):
.auto_complete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #ccc;
margin:0px;
padding:0px;
}
.auto_complete ul {
list-style-type: none;
margin:0px;
padding:0px;
}
.auto_complete ul li.selected
{
background-color: #d7ebfe;
}
.auto_complete ul li {
list-style-type: none;
display:block;
margin:0;
padding:3px;
height:32px;
}
Please help me solve this.
I tried this on IE, Mozilla and Safari, the page moves up and down in
all 3.
Thanks in advance!
Raj