In UI11, autocomplete dropdowns offset incorrectly in IE8 / IE9 when jquery.min is active causing several UI failures

A gap appears between the reference qualifier and the variable when the following are true:
- UI Script jquery.min is in place and active on an instance
_ user scrolls on a catalog Item with a reference variable in place

See the attached jquery reference popup issue.JPG image file. In this example, there is only one field in place and the gap is not that big, but the gap can become very big, forcing the lookup off the page. It increases based on how far down a page you scroll.

 

1. Open an instance using Internet Explorer 8 or 9.
2. Switch to legacy UI11.
3. Navigate to System UI > UI Scripts.
4. Right-click on header and select Import XML.
5. Import the attached file sys_ui_script_b9e1e1490a0a0bbe4a9cc74fdd67e81e.xml.
   This was the jquery.min UI Script active in installs from older versions of the platform.
6. Navigate to Self-Service > Service Catalog.
7. In the Can We Help You? category, click on the Edit icon.
8. in the Catalog Item UI, click New to create a new item. 
   • Name: Test Ref
   • Category: Can We Help You?
   • Short description: TEST REF
   • Description: TEST TEST
9. Right click on the header and select Save.
10. In the Variables Related List, click New to create a new variable.
    • Type: Reference
    • Question: Test Ref
    • Name: test_ref
    • Reference: User [sys_user]
11. Click Submit.
12. Navigate to Self-Service > Service Catalog.
13. Go to Can We Help You? > Test Ref.
14. Resize your browser window height until the scrollbar is visible.
15. Scroll down.
    This issue does not occur until you have scrolled your browser.
16. Type "a" into the Test Ref variable.
    Notice the gap between the reference field and the reference popup. This gap increases the further you scroll down the page.

This behaviour will not be changed in the obsolete UI11, no longer supported. As a workaround in UI11, deactivate the global UI Script 'jquery.min' and check if any other UI Script or UI Page invokes this script. If this is the case, replace:

<g:include_script src="jquery.min.jsdbx"/>

with:

<j:if test="${GlideMobileExtensions.getDeviceType() != 'doctype'}">
<g:requires name="scripts/lib/jquery_includes.js" />
</j:if>