jquery and IE

Sites that use jquery-migrate.min.js and jquery.js break in almost all versions of IE when combined and minified.

didn’t know that. some questions:
* what versions of IE are affected?
* how does this break, what errors are shown on the console?
* does excluding only one (jquery.js OR jquery-migrate.js) solve the problem?

frank

All versions except IE 9 on Vista(!)

It affects the site in that: the menues is stripped of all effects. Only
textlinks is visible and they are all vertical.
The editors (neither the standard nor TinyMCE advanced) are not working also.

All versions except IE 9 on Vista(!)

so even IE11 and edge browser? wow …

It affects the site in that: the menues is stripped of all effects. Only textlinks is visible and they are all vertical.

ok, but what would be most interesting is any error in the developer/ error console?

The editors (neither the standard nor TinyMCE advanced) are not working also.

Not sure I understand this last remark; AO is not, ever, active on wp-admin (where you typically find the editors). So either you have a plugin that also injects editors in the frontend (on comments?) or you have another problem all together?

frank

“ok, but what would be most interesting is any error in the developer/ error console?”

There are none. Not even on the Microsoft IE compatibility scan test site. Nothing that had anything to do with the menu code anyway.
When I excluded these scripts everything looks fine across.

“Not sure I understand this last remark; AO is not, ever, active on wp-admin (where you typically find the editors).”

That error was told to me by my customer. I did not know about this connection. I expect to hear more from her tomorrow. I cannot see the
editor errors on my end.

Further investigations: It was a Facebook plug-in that ruined the editor.

The jquery combining IS what is screwing up the meny row though.
But that is also solved by excluding it (did not affect the speed test much)
so I’m setting this solved.

ok, thanks for following up. i’ll do some follow-up generic tests with a default theme + jquery in IE11 on my work laptop.

frank

ok, did a small test: I created a new blog with twenty sixteen (which includes jquery) and added a widget that uses jquery to simply output content;

<script>
jQuery( ".site-title" ).append( "<p>Test output added, jquery works</p>" );
</script>

This works on my local IE11 on Win7 and according to this webpagetest.org test also on IE8 (cfr. screenshot).

Based on this it seems there at least is no generic problem with autoptimized jquery and that the problem you describe might be specific to the theme (and/ or plugins) you’re using?

frank

Yes, this is likely a “local” problem.

Combining jquery-migrate.min.js and jquery.js HAS caused problems
with other themes menues just like this. I remember having this issue with Twenty Ten. (Not using Autoptimize though but another trim/combine tool)