A ghost textfield interferes typing on searchbox

[Ville Terämä]

Hi,

For some reason I’m now able to write on ajax suggestion text area (?) instead of the actual searchbox, which is just a bit below the searchfield text. This happens way too often and to click on the search box itself, I need to click properly on the reference text.

You can see the suggestion text now written full (in light grey) on screenshot and the reference text intact (in black).

How to get this so, that there is no other textfield to write in..?

– Ville

[Ernest Marcinko]

Hi!

I see a styling conflict between the two boxes, naturally it is not clickable.
In the template style.css file (themes/fimage/css/style.css) the lines for ajax search pro need some modification:

/* For Pro Ajax Search */

input.orig {
	text-transform: uppercase;
	padding-top: 0;
	margin-top: 0;
	height: 1em;
	color: #ccc;
}

Change it to:

/* For Pro Ajax Search */

input.orig, input.autocomplete {
	text-transform: uppercase;
	padding-top: 0;
	margin-top: 0;
	height: 1em;
	color: #ccc;
}

This should place the autocomplete field back to it’s normal position, because it needs the exact same styling as the original field.

Let me know how it goes!

[Ville Terämä]

Ab fab, that did the trick 🙂 I assumed something like this, after I had to tweak the field positioning due to styling of forms in general in this site.

Thanks for the extremely quick response.

– Ville

[Author]

Posts