wet-boew/wet-boew — pull request #4273 by pjackson28 (2014-01-12 05:48:04+00:00)
Title: Menu: Fixed displaying of mobile panel in IE8

Problem: All browsers except IE8 successfully insert the mobile panel content into the DOM. This means that nothing displays when clicking the mobile button in IE8.

Root cause: The problem seems to be related to how jQuery handles inserting content into the DOM in IE8. I tried multiple different approaches and had to rely on plain JS to successfully do it. Here are the results:

* $panel.replaceWith( ... ): Fine in all browsers except IE8 which inserted nothing in the DOM
* $panel.append( ... ): Fine in all browsers except IE8 which inserted nothing in the DOM
* $panel.html( ... ): Fine in all browsers except IE8 which inserted nothing in the DOM
* $panel[ 0 ].innerHTML= ...: Fine in all browsers (even IE8)

So this solution replaces the replaceWith approach with an innerHTML approach to resolve the IE8 issue (which also helps to boost performance because of the reduction in jQuery usage).

/cc @thomasgohard