Removing the MatchMedia

Author: eduard13

app/code/Magento/Theme/view/base/requirejs-config.js

@@ -34,7 +34,8 @@ var config = {
         'domReady': 'requirejs/domReady',
         'spectrum': 'jquery/spectrum/spectrum',
         'tinycolor': 'jquery/spectrum/tinycolor',
-        'jquery-ui-modules': 'jquery/ui-modules'
+        'jquery-ui-modules': 'jquery/ui-modules',
+        'matchMedia': 'mediaCheck'
     },
     deps: [
         'jquery/jquery-migrate'

app/design/adminhtml/Magento/backend/etc/view.xml

@@ -50,7 +50,7 @@
         <item type="file">Lib::jquery/jquery.min.js</item>
         <item type="file">Lib::jquery/jquery.parsequery.js</item>
         <item type="file">Lib::jquery/jquery-ui.js</item>
-        <item type="file">Lib::matchMedia.js</item>
+        <item type="file">Lib::mediaCheck.js</item>
         <item type="file">Lib::requirejs/require.js</item>
         <item type="file">Lib::requirejs/text.js</item>
         <item type="file">Lib::varien/js.js</item>

lib/web/matchMedia.js

@@ -0,0 +1,28 @@
+window.mediaCheck = function(options) {
+    if (typeof window.matchMedia === 'undefined' || !window.matchMedia('!').addListener) {
+        throw new Error('No matchMedia support');
+    }
+
+    function mqChange(mq, options) {
+        if (mq.matches) {
+            if (typeof options.entry === 'function') { options.entry(mq); }
+        } else {
+            if (typeof options.exit === 'function') { options.exit(mq); }
+        }
+        if (typeof options.both === 'function') { options.both(mq); }
+    }
+
+    function createListener() {
+        var mq = window.matchMedia(options.media);
+        mq.addListener(function () { mqChange(mq, options); });
+
+        window.addEventListener('orientationchange', function () {
+            mq = window.matchMedia(options.media);
+            mqChange(mq, options);
+        }, false);
+
+        mqChange(mq, options);
+    }
+
+    createListener();
+};