Support Article
Arrow mark in AutoComplete is not visible in IE and firefox
SA-24160
Summary
Arrow mark in AutoComplete control is not visible in Internet Explorer and in Firefox browser position is not proper. Where as the same is visible in Chrome browser.
It is not visible even in UI Gallery.
Error Messages
Not Applicable.
Steps to Reproduce
1. Add AutoComplete control in section rule.
2. Launch the portal and open the case.
3. Observe the arrow-mark in Internet Explorer is not displaying at all and in Firefox it displays below the field.
Root Cause
A defect or configuration issue in the operating environment :-
Internet Explorer and Firefox not able to position the arrow mark relative to the input field. Top element css "px" is not proper.
Resolution
Add below styles in userworkform:
<style>
.ie .autocomplete_span .autocomplete_icon{
height: 11px !important;
top: -10px !important;
}
@-moz-document url-prefix() {
.autocomplete_span .autocomplete_icon{
top: -6px !important;
}
}
</style>
Published June 9, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.