Web compat: polyfill MediaQueryList.addEventListener() for Safari < 14 (#36274)

public/app/polyfills/old-mediaquerylist.ts

@@ -0,0 +1,20 @@
+// Safari < 14 does not have mql.addEventListener(), but uses the old spec mql.addListener()
+
+let oMatchMedia = window.matchMedia;
+
+type MqlListener = (this: MediaQueryList, ev: MediaQueryListEvent) => any;
+
+window.matchMedia = (mediaQueryString) => {
+  let mql = oMatchMedia(mediaQueryString);
+
+  if (!mql.addEventListener) {
+    mql.addEventListener = (type: string, listener: MqlListener) => {
+      mql.addListener(listener);
+    };
+    mql.removeEventListener = (type: string, listener: MqlListener) => {
+      mql.removeListener(listener);
+    };
+  }
+
+  return mql;
+};