Issues in ajax-auto complete field
I noticed a serious issue in the ajax-autocomplete field.
It's not essentially a problem in the JSC autocomplete field but actually a bug in the Microsoft Internet Explorer.
The problem is, if you have a drop down list or list box below the ajax auto complete field, the autocomplete popup will be displayed behind the list box or drop down list.
Further information about this can be found at:
http://support.microsoft.com/default.aspx?scid=http://support.microsoft.com:80/ support/kb/articles/q177/3/78.asp&NoWebContent=1
The solution...?
http://www.soxiam.com/Code/UsingIframeShimToCoverOverFormSelectBoxes
We spent a horrible lot of time to find a workaround for this solution.
I request the creator team to perform more tests with microsoft internet explorer.
Though IE is the worst browser in this world, it can be found in more than 90% of the computers worldwide.
# 2
I over came this problem by dividing the Autocomplete Ajax field and the remaining JSP codes into <div> tags. Using the z-index property, we were able to control who to overlap onto who.
<div class="" style="left: 0px; top: 0px; position: absolute; z-index: 1">
... Ajax autocomplete component here ...
</div>
<div style="left: 0px; top: 72px; position: absolute; z-index:0">
... Other components here ...
</div>
--
regards
Michael
# 3
But the drop down list is actually a html <select> element.
The <select> tags are implemented in IE as windowed element.
That is you cannot keep them at the back using z index.
This is because IE treats <select> elements the same way as <iframe> and other windowed elements.
# 4
Hi ,
i Have a page structured as below
<ui:form binding="#{Page1.form1}" id="form1">
<div id="autocomplete" style="left: 0px; top: 0px; position: absolute; z-index: 1">
<jsp:directive.include file="/header.jspf"/>
</div>
<div style="left: 0px; top: 96px; position: absolute; z-index: 0">
<MY DROP DOWN LIST>
</div>
</ui:form>
Exactly same as james problem
the autocomplete popup will be displayed behind the list box or drop down list.
I went through the website james recommended
http://www.soxiam.com/Code/UsingIframeShimToCoverOverFormSelectBoxes
and try the iframe thing
But how do we know the autocomplete popup height?
