Faceted navigation does not display in Internet Explorer

Background

Faceted navigation does not display when using the (v13+) modern UI default template with Internet Explorer when compatibility mode is enabled.

The facets will display correctly if compatibility mode is disabled.

Workaround

There is a meta tag

<!--[if IE]><meta http-equiv="X-UA-Compatible: IE=edge"><![endif]-->

designed to overcome this but it doesn’t work when set as a metadata field.

However it does work if you set this via HTTP headers.

Add the following lines to your collection.cfg:

ui.modern.form.simple.headers.count=1
ui.modern.form.simple.headers.1=X-UA-Compatible: IE=edge,chrome=1

then save the file. The change should apply as soon as the file is saved.