Autocomplete: Broken menu in IE8 Standards Mode when including prototype framework

[unt01d]

The autocomplete plugin doesn't work in IE8 Standards Mode when including the prototype framework and using jQuery.noConflict(). The javascript error "Object doesn't support this property or method" is displayed when attempting to display the results list. Note this is only an issue in these specific circumstances - switching to Compatibility Mode or removing the prototype library prevents the issue from happening.

The problem seems to be the statement "menuWidth = ul.width( "" ).outerWidth();" - it looks like ul.width( "" ) returns an object in Compatibility Mode but returns a number in Standards Mode.

Please see the attached file in order to replicate the issue.

[scottgonzalez]

Fixed in ​eab0a6d. Requires jQuery 1.4.3 for correct width.

[unt01d]

Thanks for the swift fix! I can see the dropdown now, however I'm still getting the same runtime error when using jQuery 1.4.3 (I'm using the nightly build because the stable release threw up lots of prototype errors!).

[scottgonzalez]

I'm not sure what nightly build you're referring to, but using jQuery UI master with jQuery 1.4.3 is working fine for me.

[unt01d]

Sorry, you're quite right - the conflict seems to be with scriptaculous, rather than prototype itself (see new attachment).

Is it possible to fix this?

[scottgonzalez]

This works fine if you load all of your jQuery code first, then load Prototype and Scriptaculous.

[unt01d]

Apologies for constantly reopening, but I'm not sure this is the case. I get the exact same runtime error regardless of what order I load external libraries in (see new attachment).

[scottgonzalez]

This was fixed after 1.8.5.

[Scott González]

Position: Use a better check for determining if an object is a window. Fixes #6201 - Autocomplete: Broken menu in IE8 Standards Mode when including prototype framework.

Changeset: eab0a6dac13b642a870747249a360bdddb39da99