Fixed search and details for Safari 10+

Author: squidfunk

material/assets/javascripts/bundle.54617339.min.js.map

@@ -34,7 +34,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.9d8e7b00.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.8002f318.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}">
@@ -184,7 +184,7 @@
         "base": base_url,
         "features": features,
         "translations": {},
-        "search": "assets/javascripts/workers/search.361d90f1.min.js" | url
+        "search": "assets/javascripts/workers/search.c0c1e814.min.js" | url
       } -%}
       {%- if config.extra.version -%}
         {%- set _ = app.update({ "version": config.extra.version }) -%}
@@ -213,7 +213,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.54617339.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.d85bccd8.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

material/assets/javascripts/bundle.54617339.min.js renamed to material/assets/javascripts/bundle.d85bccd8.min.js

@@ -38,6 +38,7 @@
     "upgrade:install": "npm install"
   },
   "dependencies": {
+    "array-flat-polyfill": "^1.0.1",
     "clipboard": "^2.0.8",
     "escape-html": "^1.0.3",
     "focus-visible": "^5.2.0",

material/assets/javascripts/bundle.d85bccd8.min.js.map

@@ -20,6 +20,11 @@
  * IN THE SOFTWARE.
  */
 
+import "array-flat-polyfill"
+import "focus-visible"
+import "unfetch/polyfill"
+import "url-polyfill"
+
 import {
   EMPTY,
   NEVER,

material/assets/javascripts/workers/search.361d90f1.min.js renamed to material/assets/javascripts/workers/search.c0c1e814.min.js

@@ -22,6 +22,8 @@
 
 import lunr from "lunr"
 
+import "~/polyfills"
+
 import { Search, SearchIndexConfig } from "../../_"
 import {
   SearchMessage,

material/assets/javascripts/workers/search.361d90f1.min.js.map renamed to material/assets/javascripts/workers/search.c0c1e814.min.js.map

@@ -20,12 +20,8 @@
  * IN THE SOFTWARE.
  */
 
-import "focus-visible"
-import "unfetch/polyfill"
-import "url-polyfill"
-
 /* ----------------------------------------------------------------------------
- * Custom polyfills
+ * Polyfills
  * ------------------------------------------------------------------------- */
 
 /* Polyfill for `Object.entries` */
@@ -40,8 +36,20 @@ if (!Object.entries)
     return data
   }
 
+/* Polyfill for `Object.values` */
+if (!Object.values)
+  Object.values = function (obj: object) {
+    const data: string[] = []
+    for (const key of Object.keys(obj))
+      // @ts-expect-error - ignore property access warning
+      data.push(obj[key])
+
+    /* Return values */
+    return data
+  }
+
 /* Polyfill for `Element.scrollTo` */
-if (!Element.prototype.scrollTo)
+if (typeof Element !== "undefined" && !Element.prototype.scrollTo)
   Element.prototype.scrollTo = function (
     x?: ScrollToOptions | number, y?: number
   ): void {

material/assets/stylesheets/main.8002f318.min.css

@@ -102,9 +102,13 @@
       }
     }
 
-    // Hide native details marker - Safari (iOS and macOS)  does not seem to
-    // like :is() on details elements, so just go with a selector list.
-    &::marker,
+    // Hide native details marker - modern
+    &::marker {
+      display: none;
+    }
+
+    // Hide native details marker - legacy, must be split into a seprate rule,
+    // so older browsers don't consider the selector list as invalid
     &::-webkit-details-marker {
       display: none;
     }

material/assets/stylesheets/main.8002f318.min.css.map

@@ -583,8 +583,13 @@
       background-color: var(--md-accent-fg-color--transparent);
     }
 
-    // Hide native details marker
-    &::marker,
+    // Hide native details marker - modern
+    &::marker {
+      display: none;
+    }
+
+    // Hide native details marker - legacy, must be split into a seprate rule,
+    // so older browsers don't consider the selector list as invalid
     &::-webkit-details-marker {
       display: none;
     }