Fixed side effect of scope on outdated banner (#7959)

Author: squidfunk

material/overrides/assets/javascripts/iconsearch_index.json

@@ -249,7 +249,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.5090c770.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.f13b1293.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

material/templates/assets/javascripts/bundle.5090c770.min.js material/templates/assets/javascripts/bundle.f13b1293.min.js

@@ -1,4 +1,4 @@
 {#-
   This file was automatically generated - do not edit
 -#}
-<script>var el=document.querySelector("[data-md-component=outdated]"),outdated=__md_get("__outdated",sessionStorage);!0===outdated&&el&&(el.hidden=!1)</script>
+<script>var el=document.querySelector("[data-md-component=outdated]"),base=new URL("{{ base_url }}"),outdated=__md_get("__outdated",sessionStorage,base);!0===outdated&&el&&(el.hidden=!1)</script>

material/templates/assets/javascripts/bundle.5090c770.min.js.map material/templates/assets/javascripts/bundle.f13b1293.min.js.map

@@ -158,8 +158,11 @@ export function setupVersionSelector(
   document$.pipe(switchMap(() => current$))
     .subscribe(current => {
 
+      // Always scope outdate version banner to the base URL of the site
+      const base = new URL(config.base)
+
       /* Check if version state was already determined */
-      let outdated = __md_get("__outdated", sessionStorage)
+      let outdated = __md_get("__outdated", sessionStorage, base)
       if (outdated === null) {
         outdated = true
 
@@ -177,7 +180,7 @@ export function setupVersionSelector(
             }
 
         /* Persist version state in session storage */
-        __md_set("__outdated", outdated, sessionStorage)
+        __md_set("__outdated", outdated, sessionStorage, base)
       }
 
       /* Unhide outdated version banner */

material/templates/base.html

@@ -23,7 +23,8 @@
 <!-- Version warning -->
 <script>
   var el = document.querySelector("[data-md-component=outdated]")
-  var outdated = __md_get("__outdated", sessionStorage)
+  var base = new URL("{{ base_url }}");
+  var outdated = __md_get("__outdated", sessionStorage, base)
   if (outdated === true && el)
     el.hidden = false
 </script>