Debugger Error causing IE9 Issue

I was able to copy the error from Firebug in case that helps: ReferenceError: index is not defined
https://gatehouse-design.com/bostonpartners/wp-content/plugins/mimetypes-link-icons/js/mtli-str-replace.min.js?ver=3.1.0
Line 2

Another update: the IE9 layout bug was my fault. I had a div nested inside an anchor tag in the sidebar. That was causing the issue. As soon as I fixed that the homepage loaded correctly in IE9. Phew and sorry.

However, that js error is still there in the debugger and if a fix for that would get the file icons to show up in IE9 then I would be thrilled.

Sorry for the fire drill on the home page layout.

I hope you can help me get the icons working in IE9 though.

Thanks!

GWD

Another update: turning off async js in settings gets the icons back on my documents page in IE9.

However, the error on the homepage layout in IE9 persists when this plugin is activated. I tested again with the async settings updated and when the plugin is deactivated IE9 looks fine, when it’s activated it’s broken – but just that page.

As far as I can see – this has to do with the CSS of your theme.

I can see ‘style=”background-image: none;”‘ on the Press Release PDF link on the homepage, which effectively cancels the showing of the MTLI icon.

Also for a reason that for me is completely unclear, the ‘mtli_attachment’ class has not been added to that same link, which effectively means that even if you remove the element style I mentioned above, you would end up with a repeating background image instead of the icon just once.

Considering you are using MTLI on the homepage only in a widget – you may want to read the FAQ section on ‘I want to have the mimetype icons for a content area which is outside of the loop (a sidebar for instance). Can I?’.

Thanks jrf,

The issue on the homepage isn’t to do with the icons – I don’t want icons in the sidebar on the homepage. It’s a layout bug in IE9 that’s causing the sidebar to stretch the width of the page and various other bits of weirdness.

When the plugin is activated the bug shows in IE9. When it’s deactivated the homepage displays perfectly in IE9.

Thanks for looking at it.

I’ve narrowed it down further to a conflict with Slider Revolution. If I deactivate that plugin and MTLI is activated the homepage loads fine in IE9 but without the slider.

Will keep working on how to resolve this conflict. Any ideas, let me know. Thanks!

So what is the problem ? and does it have anything to do with MTLI at all ? If not, please mark this issue as resolved.

When I test in IE9, I do get a js error, but one which has nothing to do with MTLI:

SCRIPT5007: Unable to get value of the property ‘childNodes’: object is null or undefined
wp-emoji-release.min.js?ver=4.2, line 2 character 172

I also see that the layout is strange, but don’t see how that would have anything to do with MTLI.

The problem is a conflict with the slider revolution plugin on the homepage causing incorrect layout – in IE9 only.

I added this conditional (if is_front_page) to my child theme functions.php

function remove_unwanted_scripts(){
	if(is_front_page()){
		wp_dequeue_script('mimetypes-link-icons');
		wp_dequeue_style('mimetypes-link-icons');
	}
}
add_action( 'wp_enqueue_scripts', 'remove_unwanted_scripts', 100 );

This just removes the MTLI script and styles from the homepage where the conflict with Slider Revolution was causing a layout bug in IE9.

All good for now. Would be a great backend feature to if users could exclude certain pages from getting the script.

Thanks for your help jrf.