Question

When using auto complete, it shows up the suggestion inputs, if you click on one where it has a button underneath it, it clicks the button rather than the suggestion.

I’ve prepared a JS fiddle with the issues to see if anyone can help…

http://jsfiddle.net/XuZBt/8/

Is there anyway i can set the auto complete to be on top so this doesn’t happen?

Thanks

Answer 1

For some reason your z-indexes are wrong. This works in FF on jsFiddle:

<input type="text" id="personHomeNum" data-autofill="N/A" data-stat="KNOWN" style="z-index: 1" />
<input type="button" value="Validate" id="validation_btn" style="z-index: 1"/>

For some reason this seems to work:

http://jsfiddle.net/XuZBt/20/