[RESOLVED] Chrome Only Autosuggest Issue

[chris.cavage]

I used php to create a CMS.

I made an autosuggest text box that queries my db using ajax. The autosuggestions have been popping up perfectly for almost a year. And then suddenly something strange started to happen in Google Chrome browser only.

Once the ajax query is called to fill the box with suggestions, to the left of the textbox it displays text as to how many results are available. This never showed up before. What can I do to stop it from happening?

Here's a pic of what I'm talking about:



On my page here's the css and some of the script that governs the autosuggest box:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<style> 
	.ui-autocomplete {
		max-height: 300px;
		width: 225px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	
</style> 

<script type="text/javascript">

$(function() {


            $("#lookup").autocomplete({
                source: "admin_autosuggest.php?Company_ID=<?php echo $_SESSION['Company_ID']?>",
                minLength: 1,
                select: function(event, ui) {
                    $('#Patient_ID').val(ui.item.id);
                
                }
            });

        
        });

For my autosuggest box, here's the code:

<td width="74%" align="left"><input name="lookup" type="text" id="lookup" /><input name="Patient_ID" type="hidden" id="Patient_ID" />

Not sure if I need to give any more code. So how do I get rid of the text that shows up when the autosuggest happens? Is it a CSS thing?

Thank you.